{"id":95,"date":"2026-08-11T20:15:58","date_gmt":"2026-08-11T17:15:58","guid":{"rendered":"http:\/\/digitaldesignonline.ru\/?page_id=95"},"modified":"2026-10-28T21:08:57","modified_gmt":"2026-10-28T18:08:57","slug":"developmentstepsv1","status":"publish","type":"page","link":"https:\/\/digitaldesignonline.ru\/ru\/developmentstepsv1\/","title":{"rendered":"\u041f\u0440\u043e\u0446\u0435\u0441\u0441\u0420\u0430\u0431\u043e\u0442\u044b"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"95\" class=\"elementor elementor-95\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18a4c130 e-con-full development-steps  e-flex e-con e-parent\" data-id=\"18a4c130\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ac484e elementor-widget elementor-widget-html\" data-id=\"1ac484e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  :root {\n    --development-bg:\n      url(\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/fe6cc89412421f-6ed0-49c5-87a9-e7098c24513d.jpg\");\n  }\n\n  html {\n    min-height: 100%;\n    background-color: #000;\n  }\n\n  body {\n    position: relative;\n    z-index: 0;\n    min-height: 100%;\n    margin: 0;\n    background: transparent !important;\n  }\n\n  body::before {\n    content: \"\";\n    position: fixed;\n    inset: 0;\n    z-index: -1;\n    width: 100%;\n    height: 100vh;\n    height: 100lvh;\n    background:\n      var(--development-bg)\n      center \/ cover\n      no-repeat;\n    pointer-events: none;\n    transform: translateZ(0);\n    backface-visibility: hidden;\n  }\n\n  .hud-scene-host,\n  .hud-scene-host > .elementor-widget-container {\n    width: 100%;\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .is-hud-paused *,\n  .is-hud-paused *::before,\n  .is-hud-paused *::after {\n    animation-play-state: paused !important;\n  }\n\n\n\n  \/* ==================================================\n     MOBILE FULL-BLEED FIX + PERFORMANCE MODE\n     ================================================== *\/\n  .hud-mobile-host,\n  .bio-hud-mobile-host {\n    overflow: visible !important;\n    overflow-x: visible !important;\n    overflow-y: visible !important;\n  }\n\n  @media (max-width: 767px) {\n    \/*\n     * The runtime calculates the exact viewport offset in pixels.\n     * This overrides scene-specific 50% \/ -50vw tricks that can be\n     * clipped by Elementor containers on mobile browsers.\n     *\/\n    [data-hud-runtime][data-hud-mobile-fit=\"true\"] {\n      left: 0 !important;\n      width: 100vw !important;\n      width: 100dvw !important;\n      max-width: none !important;\n      margin-left: 0 !important;\n      margin-right: 0 !important;\n      overflow: hidden !important;\n      perspective: none !important;\n    }\n\n    \/* Keep frames crisp while avoiding expensive mobile paint work. *\/\n    [data-hud-runtime] *,\n    [data-hud-runtime] *::before,\n    [data-hud-runtime] *::after {\n      animation: none !important;\n      transition: none !important;\n      will-change: auto !important;\n      -webkit-backdrop-filter: none !important;\n      backdrop-filter: none !important;\n    }\n\n    [data-hud-runtime] svg {\n      filter: none !important;\n    }\n\n    [data-hud-runtime] article[class*=\"panel\"] {\n      box-shadow: none !important;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    [data-hud-runtime] *,\n    [data-hud-runtime] *::before,\n    [data-hud-runtime] *::after {\n      animation-duration: 0.001ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.001ms !important;\n    }\n  }\n\n  @media print {\n    body::before {\n      display: none;\n    }\n  }\n<\/style>\n\n<script>\n(() => {\n  \"use strict\";\n\n  const ROOT_SELECTOR = \"[data-hud-runtime]\";\n  const states = new WeakMap();\n  const scenes = new Set();\n  const animatedScenes = new Set();\n  const touchTimers = new WeakMap();\n\n  const motionQuery = window.matchMedia(\n    \"(prefers-reduced-motion: reduce)\"\n  );\n  const pointerQuery = window.matchMedia(\n    \"(hover: hover) and (pointer: fine)\"\n  );\n  const mobileQuery = window.matchMedia(\n    \"(max-width: 767px)\"\n  );\n\n  let activeScene = null;\n  let animationFrameId = 0;\n  let resizeFrameId = 0;\n\n  const clamp = (value, min, max) =>\n    Math.min(Math.max(value, min), max);\n\n  const readNumber = (value, fallback) => {\n    const parsed = Number.parseFloat(value);\n    return Number.isFinite(parsed) ? parsed : fallback;\n  };\n\n  const setPosition = (scene, state, x, y) => {\n    if (\n      Math.abs(state.renderedX - x) < 0.0001 &&\n      Math.abs(state.renderedY - y) < 0.0001\n    ) {\n      return;\n    }\n\n    state.renderedX = x;\n    state.renderedY = y;\n\n    scene.style.setProperty(state.xVariable, x.toFixed(4));\n    scene.style.setProperty(state.yVariable, y.toFixed(4));\n  };\n\n  const resetScene = (scene, immediate = false) => {\n    const state = states.get(scene);\n\n    if (!state) {\n      return;\n    }\n\n    state.targetX = 0;\n    state.targetY = 0;\n\n    if (immediate) {\n      state.currentX = 0;\n      state.currentY = 0;\n      setPosition(scene, state, 0, 0);\n      animatedScenes.delete(scene);\n      return;\n    }\n\n    animatedScenes.add(scene);\n    requestAnimation();\n  };\n\n  const animate = () => {\n    animationFrameId = 0;\n\n    animatedScenes.forEach((scene) => {\n      const state = states.get(scene);\n\n      if (!state || !scene.isConnected) {\n        animatedScenes.delete(scene);\n        scenes.delete(scene);\n        return;\n      }\n\n      if (!state.visible || motionQuery.matches) {\n        resetScene(scene, true);\n        return;\n      }\n\n      state.currentX +=\n        (state.targetX - state.currentX) * state.smoothing;\n      state.currentY +=\n        (state.targetY - state.currentY) * state.smoothing;\n\n      setPosition(\n        scene,\n        state,\n        state.currentX,\n        state.currentY\n      );\n\n      const difference =\n        Math.abs(state.targetX - state.currentX) +\n        Math.abs(state.targetY - state.currentY);\n\n      if (difference <= state.threshold) {\n        state.currentX = state.targetX;\n        state.currentY = state.targetY;\n\n        setPosition(\n          scene,\n          state,\n          state.currentX,\n          state.currentY\n        );\n\n        animatedScenes.delete(scene);\n      }\n    });\n\n    if (animatedScenes.size > 0) {\n      animationFrameId =\n        window.requestAnimationFrame(animate);\n    }\n  };\n\n  function requestAnimation() {\n    if (\n      animationFrameId ||\n      motionQuery.matches ||\n      animatedScenes.size === 0\n    ) {\n      return;\n    }\n\n    animationFrameId =\n      window.requestAnimationFrame(animate);\n  }\n\n  const updateMobileFit = (scene, state) => {\n    if (!state.mobileFit) {\n      return;\n    }\n\n    const enabled = mobileQuery.matches;\n\n    state.mobileHosts.forEach((host) => {\n      host.classList.toggle(\n        state.mobileHostClass,\n        enabled\n      );\n    });\n\n    if (!enabled) {\n      scene.style.removeProperty(\"width\");\n      scene.style.removeProperty(\"max-width\");\n      scene.style.removeProperty(\"margin-left\");\n      scene.style.removeProperty(\"margin-right\");\n      return;\n    }\n\n    const viewportWidth = Math.round(\n      window.visualViewport?.width ||\n      document.documentElement.clientWidth ||\n      window.innerWidth\n    );\n\n    scene.style.setProperty(\n      \"width\",\n      `${viewportWidth}px`,\n      \"important\"\n    );\n    scene.style.setProperty(\n      \"max-width\",\n      `${viewportWidth}px`,\n      \"important\"\n    );\n    scene.style.setProperty(\n      \"margin-left\",\n      \"0px\",\n      \"important\"\n    );\n    scene.style.setProperty(\n      \"margin-right\",\n      \"0px\",\n      \"important\"\n    );\n\n    const initialLeft =\n      scene.getBoundingClientRect().left;\n\n    scene.style.setProperty(\n      \"margin-left\",\n      `${-initialLeft}px`,\n      \"important\"\n    );\n\n    const residualLeft =\n      scene.getBoundingClientRect().left;\n\n    if (Math.abs(residualLeft) > 0.5) {\n      scene.style.setProperty(\n        \"margin-left\",\n        `${-initialLeft - residualLeft}px`,\n        \"important\"\n      );\n    }\n  };\n\n  const refreshLayout = () => {\n    resizeFrameId = 0;\n\n    scenes.forEach((scene) => {\n      const state = states.get(scene);\n\n      if (!state || !scene.isConnected) {\n        scenes.delete(scene);\n        animatedScenes.delete(scene);\n        return;\n      }\n\n      state.bounds = null;\n      updateMobileFit(scene, state);\n    });\n  };\n\n  const requestLayoutRefresh = () => {\n    if (resizeFrameId) {\n      return;\n    }\n\n    resizeFrameId =\n      window.requestAnimationFrame(refreshLayout);\n  };\n\n  const visibilityObserver =\n    \"IntersectionObserver\" in window\n      ? new IntersectionObserver(\n          (entries) => {\n            entries.forEach((entry) => {\n              const scene = entry.target;\n              const state = states.get(scene);\n\n              if (!state) {\n                return;\n              }\n\n              state.intersecting =\n                entry.isIntersecting;\n              state.visible =\n                state.intersecting &&\n                !document.hidden;\n\n              scene.classList.toggle(\n                state.pausedClass,\n                !state.visible\n              );\n              scene.classList.toggle(\n                \"is-hud-paused\",\n                !state.visible\n              );\n\n              if (!state.visible) {\n                resetScene(scene, true);\n              }\n            });\n          },\n          {\n            rootMargin: \"120px 0px\",\n            threshold: 0.01\n          }\n        )\n      : null;\n\n  const sizeObserver =\n    \"ResizeObserver\" in window\n      ? new ResizeObserver((entries) => {\n          entries.forEach((entry) => {\n            const state = states.get(entry.target);\n\n            if (state) {\n              state.bounds = null;\n            }\n          });\n        })\n      : null;\n\n  const initScene = (scene) => {\n    if (!(scene instanceof HTMLElement)) {\n      return null;\n    }\n\n    const existing = states.get(scene);\n\n    if (existing) {\n      return existing;\n    }\n\n    const mobileHosts = [];\n\n    if (scene.dataset.hudMobileFit === \"true\") {\n      let host = scene.parentElement;\n\n      for (\n        let level = 0;\n        level < 8 &&\n        host &&\n        host !== document.body;\n        level += 1\n      ) {\n        mobileHosts.push(host);\n        host = host.parentElement;\n      }\n    }\n\n    const state = {\n      xVariable:\n        scene.dataset.hudXVar || \"--hud-x\",\n      yVariable:\n        scene.dataset.hudYVar || \"--hud-y\",\n      panelSelector:\n        scene.dataset.hudPanel || \"\",\n      pausedClass:\n        scene.dataset.hudPausedClass ||\n        \"is-hud-paused\",\n      strength: readNumber(\n        scene.dataset.hudStrength,\n        0.78\n      ),\n      smoothing: readNumber(\n        scene.dataset.hudSmoothing,\n        0.055\n      ),\n      threshold: readNumber(\n        scene.dataset.hudThreshold,\n        0.0004\n      ),\n      mobileFit:\n        scene.dataset.hudMobileFit === \"true\",\n      mobileHostClass:\n        scene.dataset.hudMobileHostClass ||\n        \"hud-mobile-host\",\n      mobileHosts,\n      intersecting: true,\n      visible: true,\n      bounds: null,\n      currentX: 0,\n      currentY: 0,\n      targetX: 0,\n      targetY: 0,\n      renderedX: Number.NaN,\n      renderedY: Number.NaN\n    };\n\n    states.set(scene, state);\n    scenes.add(scene);\n\n    setPosition(scene, state, 0, 0);\n    updateMobileFit(scene, state);\n\n    visibilityObserver?.observe(scene);\n    sizeObserver?.observe(scene);\n\n    return state;\n  };\n\n  const scan = (root = document) => {\n    if (\n      root instanceof Element &&\n      root.matches(ROOT_SELECTOR)\n    ) {\n      initScene(root);\n    }\n\n    root.querySelectorAll?.(ROOT_SELECTOR)\n      .forEach(initScene);\n  };\n\n  const findScene = (target) =>\n    target instanceof Element\n      ? target.closest(ROOT_SELECTOR)\n      : null;\n\n  document.addEventListener(\n    \"pointermove\",\n    (event) => {\n      if (\n        event.pointerType === \"touch\" ||\n        motionQuery.matches ||\n        !pointerQuery.matches\n      ) {\n        return;\n      }\n\n      const scene = findScene(event.target);\n\n      if (!scene) {\n        if (activeScene) {\n          resetScene(activeScene);\n          activeScene = null;\n        }\n        return;\n      }\n\n      const state = initScene(scene);\n\n      if (!state || !state.visible) {\n        return;\n      }\n\n      if (activeScene && activeScene !== scene) {\n        resetScene(activeScene);\n      }\n\n      activeScene = scene;\n\n      const bounds =\n        state.bounds ||\n        (state.bounds =\n          scene.getBoundingClientRect());\n\n      if (!bounds.width || !bounds.height) {\n        return;\n      }\n\n      const normalizedX = clamp(\n        ((event.clientX - bounds.left) \/\n          bounds.width) *\n          2 -\n          1,\n        -1,\n        1\n      );\n      const normalizedY = clamp(\n        ((event.clientY - bounds.top) \/\n          bounds.height) *\n          2 -\n          1,\n        -1,\n        1\n      );\n\n      state.targetX =\n        normalizedX * state.strength;\n      state.targetY =\n        normalizedY * state.strength;\n\n      animatedScenes.add(scene);\n      requestAnimation();\n    },\n    { passive: true }\n  );\n\n  document.addEventListener(\n    \"pointerout\",\n    (event) => {\n      const scene = findScene(event.target);\n\n      if (!scene) {\n        return;\n      }\n\n      const nextTarget = event.relatedTarget;\n\n      if (\n        nextTarget instanceof Node &&\n        scene.contains(nextTarget)\n      ) {\n        return;\n      }\n\n      resetScene(scene);\n\n      if (activeScene === scene) {\n        activeScene = null;\n      }\n    },\n    { passive: true }\n  );\n\n  document.addEventListener(\n    \"pointerdown\",\n    (event) => {\n      if (\n        pointerQuery.matches ||\n        mobileQuery.matches ||\n        motionQuery.matches\n      ) {\n        return;\n      }\n\n      const scene = findScene(event.target);\n      const state = scene && states.get(scene);\n\n      if (\n        !scene ||\n        !state ||\n        !state.panelSelector ||\n        !(event.target instanceof Element)\n      ) {\n        return;\n      }\n\n      const panel =\n        event.target.closest(state.panelSelector);\n\n      if (!panel || !scene.contains(panel)) {\n        return;\n      }\n\n      const previousTimer =\n        touchTimers.get(panel);\n\n      if (previousTimer) {\n        window.clearTimeout(previousTimer);\n      }\n\n      panel.classList.add(\"is-touch-active\");\n\n      const timer = window.setTimeout(() => {\n        panel.classList.remove(\"is-touch-active\");\n        touchTimers.delete(panel);\n      }, 650);\n\n      touchTimers.set(panel, timer);\n    },\n    { passive: true }\n  );\n\n  window.addEventListener(\n    \"resize\",\n    requestLayoutRefresh,\n    { passive: true }\n  );\n  window.addEventListener(\n    \"scroll\",\n    () => {\n      if (activeScene) {\n        const state = states.get(activeScene);\n        if (state) {\n          state.bounds = null;\n        }\n      }\n    },\n    { passive: true, capture: true }\n  );\n  window.visualViewport?.addEventListener(\n    \"resize\",\n    requestLayoutRefresh,\n    { passive: true }\n  );\n\n  const handleMotionChange = () => {\n    scenes.forEach((scene) => {\n      resetScene(scene, motionQuery.matches);\n    });\n  };\n\n  if (\n    typeof motionQuery.addEventListener ===\n    \"function\"\n  ) {\n    motionQuery.addEventListener(\n      \"change\",\n      handleMotionChange\n    );\n    mobileQuery.addEventListener(\n      \"change\",\n      requestLayoutRefresh\n    );\n  } else {\n    motionQuery.addListener(handleMotionChange);\n    mobileQuery.addListener(requestLayoutRefresh);\n  }\n\n  document.addEventListener(\n    \"visibilitychange\",\n    () => {\n      scenes.forEach((scene) => {\n        const state = states.get(scene);\n\n        if (!state) {\n          return;\n        }\n\n        state.visible =\n          state.intersecting &&\n          !document.hidden;\n\n        scene.classList.toggle(\n          state.pausedClass,\n          !state.visible\n        );\n        scene.classList.toggle(\n          \"is-hud-paused\",\n          !state.visible\n        );\n\n        if (!state.visible) {\n          resetScene(scene, true);\n        }\n      });\n    }\n  );\n\n  const bindElementor = () => {\n    const hooks =\n      window.elementorFrontend?.hooks;\n\n    if (!hooks) {\n      return;\n    }\n\n    hooks.addAction(\n      \"frontend\/element_ready\/html.default\",\n      ($scope) => {\n        scan($scope?.[0] || document);\n      }\n    );\n  };\n\n  const boot = () => {\n    scan(document);\n    bindElementor();\n\n    if (\n      document.body?.classList.contains(\n        \"elementor-editor-active\"\n      )\n    ) {\n      const editorObserver =\n        new MutationObserver((mutations) => {\n          mutations.forEach((mutation) => {\n            mutation.addedNodes.forEach((node) => {\n              if (node instanceof Element) {\n                scan(node);\n              }\n            });\n          });\n        });\n\n      editorObserver.observe(document.body, {\n        childList: true,\n        subtree: true\n      });\n    }\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      boot,\n      { once: true }\n    );\n  } else {\n    boot();\n  }\n\n  window.addEventListener(\n    \"elementor\/frontend\/init\",\n    bindElementor,\n    { once: true }\n  );\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a09f571 elementor-widget elementor-widget-html\" data-id=\"7a09f571\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==================================================\r\n   \u041d\u0410\u0421\u0422\u0420\u041e\u0419\u041a\u0418 \u0421\u0422\u0415\u041a\u041b\u0410\r\n\r\n   \u0412\u0441\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0437\u0434\u0435\u0441\u044c.\r\n   \u041f\u043e\u0441\u043b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c\r\n   \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u2014 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u043e\u0434 \u0442\u0440\u043e\u0433\u0430\u0442\u044c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e.\r\n   ================================================== *\/\r\n\r\n:root {\r\n  \/* -----------------------------------------------\r\n     \u0424\u041e\u0420\u041c\u0410\r\n     ----------------------------------------------- *\/\r\n\r\n  \/* \u0417\u0430\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u0438\u0435 \u0443\u0433\u043b\u043e\u0432 \u0441\u0442\u0435\u043a\u043b\u0430 *\/\r\n  --glass-border-radius: 5px;\r\n\r\n  \/* \u0422\u043e\u043b\u0449\u0438\u043d\u0430 \u0440\u0430\u043c\u043a\u0438 *\/\r\n  --glass-border-width: 0.1px;\r\n\r\n  \/* \u0426\u0432\u0435\u0442 \u0438 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c \u0440\u0430\u043c\u043a\u0438 *\/\r\n  --glass-border-color:\r\n    rgba(234, 219, 200, 0.059);\r\n\r\n\r\n  \/* -----------------------------------------------\r\n     \u0424\u041e\u041d \u0421\u0422\u0415\u041a\u041b\u0410\r\n     ----------------------------------------------- *\/\r\n\r\n  \/* \u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u0430 *\/\r\n  --glass-background-angle: 135deg;\r\n\r\n  \/* \u041f\u0435\u0440\u0432\u044b\u0439 \u0446\u0432\u0435\u0442 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u0430 *\/\r\n  --glass-background-color-1:\r\n    rgba(234, 219, 200, 0.083);\r\n\r\n  \/* \u0412\u0442\u043e\u0440\u043e\u0439 \u0446\u0432\u0435\u0442 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u0430 *\/\r\n  --glass-background-color-2:\r\n    rgba(234, 219, 200, 0.035);\r\n\r\n  \/* \u0422\u0440\u0435\u0442\u0438\u0439 \u0446\u0432\u0435\u0442 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u0430 *\/\r\n  --glass-background-color-3:\r\n    rgba(234, 219, 200, 0.083);\r\n\r\n  \/* \u0427\u0435\u0442\u0432\u0451\u0440\u0442\u044b\u0439 \u0446\u0432\u0435\u0442 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u0430 *\/\r\n  --glass-background-color-4:\r\n    rgba(234, 219, 200, 0.035);\r\n\r\n\r\n  \/* -----------------------------------------------\r\n     \u0420\u0410\u0417\u041c\u042b\u0422\u0418\u0415 \u0424\u041e\u041d\u0410\r\n     ----------------------------------------------- *\/\r\n\r\n  \/*\r\n   * \u0421\u0438\u043b\u0430 \u0440\u0430\u0437\u043c\u044b\u0442\u0438\u044f \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u0437\u0430 \u0441\u0442\u0435\u043a\u043b\u043e\u043c.\r\n   * \u041e\u0431\u044b\u0447\u043d\u043e \u0445\u043e\u0440\u043e\u0448\u043e \u0441\u043c\u043e\u0442\u0440\u044f\u0442\u0441\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f 12\u201324px.\r\n   *\/\r\n  --glass-blur: 1px;\r\n\r\n  \/*\r\n   * \u041d\u0430\u0441\u044b\u0449\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0437\u0430 \u0441\u0442\u0435\u043a\u043b\u043e\u043c.\r\n   * 100% \u2014 \u0438\u0441\u0445\u043e\u0434\u043d\u0430\u044f \u043d\u0430\u0441\u044b\u0449\u0435\u043d\u043d\u043e\u0441\u0442\u044c.\r\n   *\/\r\n  --glass-saturation: 125%;\r\n\r\n\r\n  \/* -----------------------------------------------\r\n     \u041e\u0411\u042b\u0427\u041d\u0410\u042f \u0422\u0415\u041d\u042c\r\n     ----------------------------------------------- *\/\r\n\r\n  \/*\r\n   * \u041f\u0435\u0440\u0432\u0430\u044f \u0442\u0435\u043d\u044c \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u0433\u043b\u0443\u0431\u0438\u043d\u0443.\r\n   * \u0412\u0442\u043e\u0440\u0430\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0443\u044e \u0442\u0435\u043d\u044c.\r\n   * \u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0435 \u0442\u0435\u043d\u0438 \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u044e\u0442 \u0441\u0442\u0435\u043a\u043b\u044f\u043d\u043d\u0443\u044e \u043a\u0440\u043e\u043c\u043a\u0443.\r\n   *\/\r\n  --glass-shadow:\r\n    0 18px 45px rgba(56, 22, 31, 0.10),\r\n    0 4px 12px rgba(56, 22, 31, 0.05),\r\n    inset 1px 1px 0 rgba(234, 219, 200, 1),\r\n    inset -1px -1px 0 rgba(112, 43, 61, 0.11),\r\n    inset 0 0 14px rgba(234, 219, 200, 0.094);\r\n\r\n\r\n  \/* -----------------------------------------------\r\n     \u0422\u0415\u041d\u042c \u041f\u0420\u0418 \u041d\u0410\u0412\u0415\u0414\u0415\u041d\u0418\u0418\r\n     ----------------------------------------------- *\/\r\n\r\n  \/*\r\n   * \u0411\u043e\u043b\u0435\u0435 \u0433\u043b\u0443\u0431\u043e\u043a\u0430\u044f \u0442\u0435\u043d\u044c \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435,\r\n   * \u0447\u0442\u043e \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f.\r\n   *\/\r\n  --glass-hover-shadow:\r\n    0 25px 60px rgba(56, 22, 31, 0.15),\r\n    0 8px 20px rgba(56, 22, 31, 0.065),\r\n    inset 1px 1px 0 rgba(234, 219, 200, 1),\r\n    inset -1px -1px 0 rgba(112, 43, 61, 0.13),\r\n    inset 0 0 14px rgba(234, 219, 200, 0.118);\r\n\r\n\r\n  \/* -----------------------------------------------\r\n     \u0410\u041d\u0418\u041c\u0410\u0426\u0418\u042f \u041d\u0410\u041a\u041b\u041e\u041d\u0410\r\n     ----------------------------------------------- *\/\r\n\r\n  \/*\r\n   * \u0413\u043b\u0443\u0431\u0438\u043d\u0430 \u043f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b.\r\n   * \u041c\u0435\u043d\u044c\u0448\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u2014 \u0441\u0438\u043b\u044c\u043d\u0435\u0435 \u043f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u0430.\r\n   *\/\r\n  --glass-perspective: 1000px;\r\n\r\n  \/*\r\n   * \u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043d\u0430\u043a\u043b\u043e\u043d \u0432 \u0433\u0440\u0430\u0434\u0443\u0441\u0430\u0445.\r\n   * \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0431\u0435\u0437 deg.\r\n   *\/\r\n  --glass-max-rotate-x: 2;\r\n\r\n  \/*\r\n   * \u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u043d\u0430\u043a\u043b\u043e\u043d \u0432 \u0433\u0440\u0430\u0434\u0443\u0441\u0430\u0445.\r\n   * \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0431\u0435\u0437 deg.\r\n   *\/\r\n  --glass-max-rotate-y: 2;\r\n\r\n  \/*\r\n   * \u041f\u043b\u0430\u0432\u043d\u043e\u0441\u0442\u044c \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u0437\u0430 \u043a\u0443\u0440\u0441\u043e\u0440\u043e\u043c.\r\n   *\r\n   * 0.035 \u2014 \u043e\u0447\u0435\u043d\u044c \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e \u0438 \u0438\u043d\u0435\u0440\u0446\u0438\u043e\u043d\u043d\u043e\r\n   * 0.055 \u2014 \u043c\u044f\u0433\u043a\u043e\r\n   * 0.080 \u2014 \u0431\u044b\u0441\u0442\u0440\u0435\u0435\r\n   * 0.120 \u2014 \u043f\u043e\u0447\u0442\u0438 \u043c\u043e\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u043e\r\n   *\/\r\n  --glass-tilt-smoothness: 0.055;\r\n\r\n  \/*\r\n   * \u041d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u043e\u0447\u043d\u043e \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u043f\u0440\u0438\u0431\u043b\u0438\u0437\u0438\u0442\u044c\u0441\u044f\r\n   * \u043a \u0446\u0435\u043b\u0435\u0432\u043e\u043c\u0443 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044e \u043f\u0435\u0440\u0435\u0434 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u043e\u0439.\r\n   *\/\r\n  --glass-animation-threshold: 0.002;\r\n\r\n\r\n  \/* -----------------------------------------------\r\n     \u0421\u041a\u041e\u0420\u041e\u0421\u0422\u042c \u0418\u0417\u041c\u0415\u041d\u0415\u041d\u0418\u042f \u0422\u0415\u041d\u0418\r\n     ----------------------------------------------- *\/\r\n\r\n  --glass-shadow-transition: 0.3s;\r\n\r\n\r\n  \/* -----------------------------------------------\r\n     \u0420\u0415\u0417\u0415\u0420\u0412\u041d\u042b\u0419 \u0424\u041e\u041d\r\n     ----------------------------------------------- *\/\r\n\r\n  \/*\r\n   * \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445,\r\n   * \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0449\u0438\u0445 backdrop-filter.\r\n   *\/\r\n  --glass-fallback-background:\r\n    rgba(234, 219, 200, 1);\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   \u0421\u0422\u0415\u041a\u041b\u042f\u041d\u041d\u042b\u0419 \u041e\u0411\u042a\u0415\u041a\u0422\r\n\r\n   CSS-\u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f Elementor: liquid-glass\r\n   ================================================== *\/\r\n\r\n.liquid-glass {\r\n  \/* \u0422\u0435\u043a\u0443\u0449\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043d\u0430\u043a\u043b\u043e\u043d\u0430 \u0437\u0430\u0434\u0430\u0451\u0442 JavaScript *\/\r\n  --glass-rotate-x: 0deg;\r\n  --glass-rotate-y: 0deg;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n\r\n  border-radius:\r\n    var(--glass-border-radius) !important;\r\n\r\n  border:\r\n    var(--glass-border-width)\r\n    solid\r\n    var(--glass-border-color) !important;\r\n\r\n  background:\r\n    linear-gradient(\r\n      var(--glass-background-angle),\r\n\r\n      var(--glass-background-color-1) 0%,\r\n      var(--glass-background-color-2) 42%,\r\n      var(--glass-background-color-3) 72%,\r\n      var(--glass-background-color-4) 100%\r\n    ) !important;\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(var(--glass-blur))\r\n    saturate(var(--glass-saturation));\r\n\r\n  backdrop-filter:\r\n    blur(var(--glass-blur))\r\n    saturate(var(--glass-saturation));\r\n\r\n  box-shadow:\r\n    var(--glass-shadow);\r\n\r\n  transform:\r\n    perspective(var(--glass-perspective))\r\n    rotateX(var(--glass-rotate-x))\r\n    rotateY(var(--glass-rotate-y))\r\n    translateZ(0);\r\n\r\n  transform-origin:\r\n    center center;\r\n\r\n  transform-style:\r\n    preserve-3d;\r\n\r\n  backface-visibility:\r\n    hidden;\r\n\r\n  -webkit-backface-visibility:\r\n    hidden;\r\n\r\n  transition:\r\n    box-shadow\r\n    var(--glass-shadow-transition)\r\n    ease;\r\n\r\n  will-change:\r\n    transform;\r\n}\r\n\r\n\r\n\/* \u0422\u0435\u043d\u044c \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 *\/\r\n.liquid-glass:hover {\r\n  box-shadow:\r\n    var(--glass-hover-shadow);\r\n}\r\n\r\n\r\n\/* \u0420\u0435\u0437\u0435\u0440\u0432\u043d\u044b\u0439 \u0444\u043e\u043d \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 *\/\r\n@supports not (\r\n  (backdrop-filter: blur(1px)) or\r\n  (-webkit-backdrop-filter: blur(1px))\r\n) {\r\n  .liquid-glass {\r\n    background:\r\n      var(--glass-fallback-background) !important;\r\n  }\r\n}\r\n\r\n\r\n\/* \u041e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043d\u0430\u043a\u043b\u043e\u043d\u0430 \u043f\u043e \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0439 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0435 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .liquid-glass {\r\n    transform: none !important;\r\n    transition: none;\r\n  }\r\n}\r\n\n\n\/* ==================================================\n   MOBILE PERFORMANCE MODE\n   ================================================== *\/\n@media (max-width: 767px) {\n  .liquid-glass {\n    -webkit-backdrop-filter: none !important;\n    backdrop-filter: none !important;\n    transform: none !important;\n    transition: none !important;\n    will-change: auto !important;\n    box-shadow: none !important;\n  }\n}\n\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  \/*\r\n   * \u0412 \u044d\u0442\u043e\u043c \u0441\u043a\u0440\u0438\u043f\u0442\u0435 \u043e\u0441\u0442\u0430\u043b\u0430\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043b\u043e\u0433\u0438\u043a\u0430\r\n   * \u043f\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u043d\u0430\u043a\u043b\u043e\u043d\u0430 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438.\r\n   *\r\n   * \u0411\u043b\u0438\u043a\u043e\u0432, \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445\r\n   * \u043f\u0441\u0435\u0432\u0434\u043e\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0437\u0434\u0435\u0441\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435\u0442.\r\n   *\/\r\n\r\n  const states = new WeakMap();\r\n  const animatedElements = new Set();\r\n\r\n  let activeGlass = null;\r\n  let animationFrame = null;\r\n\r\n  const reduceMotion = window.matchMedia(\r\n    \"(prefers-reduced-motion: reduce)\"\r\n  );\r\n\r\n\r\n  \/*\r\n   * \u041e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0435\u0442 \u0447\u0438\u0441\u043b\u043e \u0437\u0430\u0434\u0430\u043d\u043d\u044b\u043c \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u043e\u043c.\r\n   *\/\r\n  function clamp(value, min, max) {\r\n    return Math.min(\r\n      Math.max(value, min),\r\n      max\r\n    );\r\n  }\r\n\r\n\r\n  \/*\r\n   * \u041f\u043b\u0430\u0432\u043d\u043e \u043f\u0440\u0438\u0431\u043b\u0438\u0436\u0430\u0435\u0442 \u0442\u0435\u043a\u0443\u0449\u0435\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\r\n   * \u043a \u0446\u0435\u043b\u0435\u0432\u043e\u043c\u0443.\r\n   *\/\r\n  function lerp(current, target, amount) {\r\n    return current + (\r\n      target - current\r\n    ) * amount;\r\n  }\r\n\r\n\r\n  \/*\r\n   * \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0447\u0438\u0441\u043b\u043e\u0432\u0443\u044e CSS-\u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e.\r\n   *\/\r\n  function getCssNumber(\r\n    element,\r\n    propertyName,\r\n    fallback\r\n  ) {\r\n    const value = parseFloat(\r\n      getComputedStyle(element)\r\n        .getPropertyValue(propertyName)\r\n    );\r\n\r\n    return Number.isFinite(value)\r\n      ? value\r\n      : fallback;\r\n  }\r\n\r\n\r\n  \/*\r\n   * \u0421\u043e\u0437\u0434\u0430\u0451\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0434\u043b\u044f \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438.\r\n   *\r\n   * \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u044d\u0442\u043e\u043c\u0443 \u043a\u043b\u0430\u0441\u0441 liquid-glass \u043c\u043e\u0436\u043d\u043e\r\n   * \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u0441\u0440\u0430\u0437\u0443 \u043a \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u043c.\r\n   *\/\r\n  function getState(element) {\r\n    if (!states.has(element)) {\r\n      states.set(element, {\r\n        currentRotateX: 0,\r\n        currentRotateY: 0,\r\n\r\n        targetRotateX: 0,\r\n        targetRotateY: 0,\r\n\r\n        maxRotateX: getCssNumber(\r\n          element,\r\n          \"--glass-max-rotate-x\",\r\n          2\r\n        ),\r\n\r\n        maxRotateY: getCssNumber(\r\n          element,\r\n          \"--glass-max-rotate-y\",\r\n          2\r\n        ),\r\n\r\n        smoothness: getCssNumber(\r\n          element,\r\n          \"--glass-tilt-smoothness\",\r\n          0.055\r\n        ),\r\n\r\n        threshold: getCssNumber(\r\n          element,\r\n          \"--glass-animation-threshold\",\r\n          0.002\r\n        )\r\n      });\r\n    }\r\n\r\n    return states.get(element);\r\n  }\r\n\r\n\r\n  \/*\r\n   * \u0417\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u043e\u0431\u0449\u0438\u0439 \u0446\u0438\u043a\u043b \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438.\r\n   *\/\r\n  function startAnimation(element) {\r\n    animatedElements.add(element);\r\n\r\n    if (animationFrame === null) {\r\n      animationFrame =\r\n        requestAnimationFrame(animate);\r\n    }\r\n  }\r\n\r\n\r\n  \/*\r\n   * \u041f\u043b\u0430\u0432\u043d\u043e \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443\r\n   * \u0432 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0435 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435.\r\n   *\/\r\n  function resetGlass(element) {\r\n    if (!element) {\r\n      return;\r\n    }\r\n\r\n    const state = getState(element);\r\n\r\n    state.targetRotateX = 0;\r\n    state.targetRotateY = 0;\r\n\r\n    startAnimation(element);\r\n  }\r\n\r\n\r\n  \/*\r\n   * \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442 \u043d\u0430\u043a\u043b\u043e\u043d \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0438\r\n   * \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043a\u0443\u0440\u0441\u043e\u0440\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438.\r\n   *\/\r\n  function updateTarget(\r\n    element,\r\n    clientX,\r\n    clientY\r\n  ) {\r\n    const rect =\r\n      element.getBoundingClientRect();\r\n\r\n    if (!rect.width || !rect.height) {\r\n      return;\r\n    }\r\n\r\n    const x = clamp(\r\n      (clientX - rect.left) \/ rect.width,\r\n      0,\r\n      1\r\n    );\r\n\r\n    const y = clamp(\r\n      (clientY - rect.top) \/ rect.height,\r\n      0,\r\n      1\r\n    );\r\n\r\n    \/*\r\n     * \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u043c \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u043e\u0440\u0430\r\n     * \u0432 \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d \u043e\u0442 -1 \u0434\u043e 1.\r\n     *\/\r\n    const normalizedX = x * 2 - 1;\r\n    const normalizedY = y * 2 - 1;\r\n\r\n    const state = getState(element);\r\n\r\n    state.targetRotateX =\r\n      normalizedY * -state.maxRotateX;\r\n\r\n    state.targetRotateY =\r\n      normalizedX * state.maxRotateY;\r\n\r\n    startAnimation(element);\r\n  }\r\n\r\n\r\n  \/*\r\n   * \u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u043f\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u043d\u0430\u043a\u043b\u043e\u043d\u0430.\r\n   *\/\r\n  function animate() {\r\n    animationFrame = null;\r\n\r\n    animatedElements.forEach(\r\n      function (element) {\r\n        \/*\r\n         * Elementor \u043c\u043e\u0436\u0435\u0442 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\r\n         * \u043f\u0440\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430.\r\n         *\/\r\n        if (!element.isConnected) {\r\n          animatedElements.delete(element);\r\n          return;\r\n        }\r\n\r\n        const state = getState(element);\r\n\r\n        state.currentRotateX = lerp(\r\n          state.currentRotateX,\r\n          state.targetRotateX,\r\n          state.smoothness\r\n        );\r\n\r\n        state.currentRotateY = lerp(\r\n          state.currentRotateY,\r\n          state.targetRotateY,\r\n          state.smoothness\r\n        );\r\n\r\n        element.style.setProperty(\r\n          \"--glass-rotate-x\",\r\n          state.currentRotateX.toFixed(3) +\r\n          \"deg\"\r\n        );\r\n\r\n        element.style.setProperty(\r\n          \"--glass-rotate-y\",\r\n          state.currentRotateY.toFixed(3) +\r\n          \"deg\"\r\n        );\r\n\r\n        const difference =\r\n          Math.abs(\r\n            state.currentRotateX -\r\n            state.targetRotateX\r\n          ) +\r\n          Math.abs(\r\n            state.currentRotateY -\r\n            state.targetRotateY\r\n          );\r\n\r\n        \/*\r\n         * \u041e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0440\u0430\u0441\u0447\u0451\u0442\u044b,\r\n         * \u043a\u043e\u0433\u0434\u0430 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u043b\u043e\u0441\u044c.\r\n         *\/\r\n        if (difference < state.threshold) {\r\n          state.currentRotateX =\r\n            state.targetRotateX;\r\n\r\n          state.currentRotateY =\r\n            state.targetRotateY;\r\n\r\n          element.style.setProperty(\r\n            \"--glass-rotate-x\",\r\n            state.currentRotateX.toFixed(3) +\r\n            \"deg\"\r\n          );\r\n\r\n          element.style.setProperty(\r\n            \"--glass-rotate-y\",\r\n            state.currentRotateY.toFixed(3) +\r\n            \"deg\"\r\n          );\r\n\r\n          animatedElements.delete(element);\r\n        }\r\n      }\r\n    );\r\n\r\n    if (animatedElements.size > 0) {\r\n      animationFrame =\r\n        requestAnimationFrame(animate);\r\n    }\r\n  }\r\n\r\n\r\n  \/*\r\n   * \u0421\u043e\u0431\u044b\u0442\u0438\u044f \u043a\u0443\u0440\u0441\u043e\u0440\u0430 \u0432\u043a\u043b\u044e\u0447\u0430\u044e\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u043e\u0433\u0434\u0430,\r\n   * \u043a\u043e\u0433\u0434\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043d\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u043b \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438.\r\n   *\/\r\n  if (!reduceMotion.matches && !window.matchMedia(\"(max-width: 767px)\").matches) {\r\n    document.addEventListener(\r\n      \"pointermove\",\r\n      function (event) {\r\n        \/*\r\n         * \u041d\u0430 \u0441\u0435\u043d\u0441\u043e\u0440\u043d\u044b\u0445 \u044d\u043a\u0440\u0430\u043d\u0430\u0445 \u044d\u0444\u0444\u0435\u043a\u0442\r\n         * \u043a\u0443\u0440\u0441\u043e\u0440\u0430 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f.\r\n         *\/\r\n        if (event.pointerType === \"touch\") {\r\n          return;\r\n        }\r\n\r\n        const target = event.target;\r\n\r\n        if (!(target instanceof Element)) {\r\n          return;\r\n        }\r\n\r\n        const glass =\r\n          target.closest(\".liquid-glass\");\r\n\r\n        \/*\r\n         * \u041a\u0443\u0440\u0441\u043e\u0440 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u043d\u0435 \u0441\u0442\u0435\u043a\u043b\u0430.\r\n         *\/\r\n        if (!glass) {\r\n          if (activeGlass) {\r\n            resetGlass(activeGlass);\r\n            activeGlass = null;\r\n          }\r\n\r\n          return;\r\n        }\r\n\r\n        \/*\r\n         * \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0443\u044e \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443,\r\n         * \u0435\u0441\u043b\u0438 \u043a\u0443\u0440\u0441\u043e\u0440 \u043f\u0435\u0440\u0435\u0448\u0451\u043b \u043d\u0430 \u0434\u0440\u0443\u0433\u0443\u044e.\r\n         *\/\r\n        if (\r\n          activeGlass &&\r\n          activeGlass !== glass\r\n        ) {\r\n          resetGlass(activeGlass);\r\n        }\r\n\r\n        activeGlass = glass;\r\n\r\n        updateTarget(\r\n          glass,\r\n          event.clientX,\r\n          event.clientY\r\n        );\r\n      },\r\n      { passive: true }\r\n    );\r\n\r\n\r\n    \/*\r\n     * \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043f\u043e\u0441\u043b\u0435 \u0443\u0445\u043e\u0434\u0430 \u043a\u0443\u0440\u0441\u043e\u0440\u0430.\r\n     *\/\r\n    document.addEventListener(\r\n      \"pointerout\",\r\n      function (event) {\r\n        const target = event.target;\r\n\r\n        if (!(target instanceof Element)) {\r\n          return;\r\n        }\r\n\r\n        const glass =\r\n          target.closest(\".liquid-glass\");\r\n\r\n        if (!glass) {\r\n          return;\r\n        }\r\n\r\n        const nextElement =\r\n          event.relatedTarget;\r\n\r\n        \/*\r\n         * \u041d\u0435 \u0440\u0435\u0430\u0433\u0438\u0440\u0443\u0435\u043c \u043d\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043a\u0443\u0440\u0441\u043e\u0440\u0430\r\n         * \u043c\u0435\u0436\u0434\u0443 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u043c\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438.\r\n         *\/\r\n        if (\r\n          nextElement instanceof Node &&\r\n          glass.contains(nextElement)\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        resetGlass(glass);\r\n\r\n        if (activeGlass === glass) {\r\n          activeGlass = null;\r\n        }\r\n      },\r\n      { passive: true }\r\n    );\r\n\r\n\r\n    \/*\r\n     * \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443, \u043a\u043e\u0433\u0434\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\r\n     * \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0434\u0440\u0443\u0433\u0443\u044e \u0432\u043a\u043b\u0430\u0434\u043a\u0443.\r\n     *\/\r\n    document.addEventListener(\r\n      \"visibilitychange\",\r\n      function () {\r\n        if (\r\n          document.hidden &&\r\n          activeGlass\r\n        ) {\r\n          resetGlass(activeGlass);\r\n          activeGlass = null;\r\n        }\r\n      }\r\n    );\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f3dd1ac e-con-full e-flex e-con e-child\" data-id=\"6f3dd1ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-226a586b e-con-full development-scene scene-01 e-flex e-con e-child\" data-id=\"226a586b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-650404e hud-scene-host liquid-glass elementor-widget elementor-widget-html\" data-id=\"650404e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bio-entry-hud\" data-bio-hud aria-label=\"Entry Point Client Contact\" data-hud-runtime data-hud-x-var=\"--bio-mx\" data-hud-y-var=\"--bio-my\" data-hud-panel=\".bio-hud-panel\" data-hud-paused-class=\"is-bio-paused\" data-hud-strength=\"0.82\" data-hud-smoothing=\"0.06\" data-hud-threshold=\"0.0004\" data-hud-mobile-fit=\"true\" data-hud-mobile-host-class=\"bio-hud-mobile-host\">\n\n  <div class=\"bio-entry-hud__topbar\" aria-hidden=\"true\">\n    <span>BIOTECH COMMUNICATION NODE<\/span>\n\n    <div class=\"bio-entry-hud__topbar-center\">\n      <i><\/i>\n      <span>CHANNEL 01<\/span>\n      <i><\/i>\n    <\/div>\n\n    <span class=\"bio-entry-hud__online\">\n      <b><\/b>\n      SYSTEM ONLINE\n    <\/span>\n  <\/div>\n\n  <article class=\"bio-hud-panel bio-hud-panel--step\">\n    <div class=\"bio-hud-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"bio-hud-panel__eyebrow\">\n      <span>PROCESS SEQUENCE<\/span>\n      <span>01 \/ 06<\/span>\n    <\/div>\n\n    <div class=\"bio-hud-step-display\" aria-label=\"Step 01\">\n      <div class=\"bio-hud-step-digit\">\n        <span>0<\/span>\n        <i><\/i>\n        <b>BASE<\/b>\n      <\/div>\n\n      <div class=\"bio-hud-step-digit bio-hud-step-digit--active\">\n        <span>1<\/span>\n        <i><\/i>\n        <b>LIVE<\/b>\n      <\/div>\n    <\/div>\n\n    <div class=\"bio-hud-panel__footer\">\n      <span>ORIGIN NODE<\/span>\n      <span class=\"bio-hud-status-dot\">ACTIVE<\/span>\n    <\/div>\n  <\/article>\n\n  <article class=\"bio-hud-panel bio-hud-panel--title\">\n    <div class=\"bio-hud-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"bio-hud-panel__index\">\n      <span>MODULE<\/span>\n      <strong>ENTRY.01<\/strong>\n    <\/div>\n\n    <p class=\"bio-hud-kicker\">ENTRY POINT<\/p>\n\n    <h2>\n      CLIENT\n      <span>CONTACT<\/span>\n    <\/h2>\n\n    <div class=\"bio-hud-title-line\" aria-hidden=\"true\">\n      <i><\/i>\n      <b><\/b>\n      <i><\/i>\n    <\/div>\n\n    <div class=\"bio-hud-coordinates\">\n      <span>INPUT \/ HUMAN<\/span>\n      <span>STATUS \/ RECEIVED<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"bio-core-stage\" aria-hidden=\"true\">\n    <div class=\"bio-core-stage__axis bio-core-stage__axis--x\"><\/div>\n    <div class=\"bio-core-stage__axis bio-core-stage__axis--y\"><\/div>\n\n    <div class=\"bio-core-stage__marker bio-core-stage__marker--01\">A1<\/div>\n    <div class=\"bio-core-stage__marker bio-core-stage__marker--02\">B7<\/div>\n    <div class=\"bio-core-stage__marker bio-core-stage__marker--03\">C4<\/div>\n\n    <div class=\"bio-core\">\n      <div class=\"bio-core__scan\"><\/div>\n\n      <div class=\"bio-core__orbit bio-core__orbit--01\"><\/div>\n      <div class=\"bio-core__orbit bio-core__orbit--02\"><\/div>\n      <div class=\"bio-core__orbit bio-core__orbit--03\"><\/div>\n\n      <div class=\"bio-core__radar\"><\/div>\n\n      <div class=\"bio-core__sphere\">\n        <svg viewBox=\"0 0 420 420\" role=\"presentation\">\n          <circle\n            cx=\"210\"\n            cy=\"210\"\n            r=\"177\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1\"\n            opacity=\".48\"\n          \/>\n\n          <ellipse\n            cx=\"210\"\n            cy=\"210\"\n            rx=\"177\"\n            ry=\"67\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1\"\n            opacity=\".54\"\n          \/>\n\n          <ellipse\n            cx=\"210\"\n            cy=\"210\"\n            rx=\"177\"\n            ry=\"116\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1\"\n            opacity=\".28\"\n          \/>\n\n          <ellipse\n            cx=\"210\"\n            cy=\"210\"\n            rx=\"67\"\n            ry=\"177\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1\"\n            opacity=\".56\"\n          \/>\n\n          <ellipse\n            cx=\"210\"\n            cy=\"210\"\n            rx=\"116\"\n            ry=\"177\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1\"\n            opacity=\".28\"\n          \/>\n\n          <path\n            d=\"M43 154 C116 187 304 187 377 154\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1\"\n            opacity=\".22\"\n          \/>\n\n          <path\n            d=\"M43 266 C116 233 304 233 377 266\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1\"\n            opacity=\".22\"\n          \/>\n\n          <g fill=\"currentColor\">\n            <circle cx=\"210\" cy=\"33\" r=\"2\" \/>\n            <circle cx=\"210\" cy=\"387\" r=\"2\" \/>\n            <circle cx=\"33\" cy=\"210\" r=\"2\" \/>\n            <circle cx=\"387\" cy=\"210\" r=\"2\" \/>\n          <\/g>\n        <\/svg>\n      <\/div>\n\n      <div class=\"bio-core__particle bio-core__particle--01\"><\/div>\n      <div class=\"bio-core__particle bio-core__particle--02\"><\/div>\n      <div class=\"bio-core__particle bio-core__particle--03\"><\/div>\n      <div class=\"bio-core__particle bio-core__particle--04\"><\/div>\n      <div class=\"bio-core__particle bio-core__particle--05\"><\/div>\n      <div class=\"bio-core__particle bio-core__particle--06\"><\/div>\n    <\/div>\n\n    <div class=\"bio-core-stage__caption\">\n      <span>CONTACT SIGNAL<\/span>\n      <strong>ACQUIRED<\/strong>\n    <\/div>\n  <\/div>\n\n  <article class=\"bio-hud-panel bio-hud-panel--status\">\n    <div class=\"bio-hud-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"bio-hud-panel__eyebrow\">\n      <span>SESSION STATE<\/span>\n      <span>00:01:24<\/span>\n    <\/div>\n\n    <div class=\"bio-hud-status-title\">\n      <span>INITIAL<\/span>\n      <strong>CLIENT REQUEST<\/strong>\n    <\/div>\n\n    <div class=\"bio-hud-progress\">\n      <div class=\"bio-hud-progress__label\">\n        <span>SIGNAL INTEGRITY<\/span>\n        <span>98.4%<\/span>\n      <\/div>\n\n      <div class=\"bio-hud-progress__track\">\n        <i><\/i>\n      <\/div>\n    <\/div>\n\n    <div class=\"bio-hud-data-row\">\n      <span>CONTACT NODE<\/span>\n      <strong>OPEN<\/strong>\n    <\/div>\n\n    <div class=\"bio-hud-data-row\">\n      <span>REQUEST TYPE<\/span>\n      <strong>GENERAL<\/strong>\n    <\/div>\n  <\/article>\n\n  <article class=\"bio-hud-panel bio-hud-panel--request\">\n    <div class=\"bio-hud-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"bio-hud-request-header\">\n      <span>CLIENT INPUT<\/span>\n      <small>RAW DATA STREAM<\/small>\n    <\/div>\n\n    <p>\n      The process begins when the client contacts us and provides general\n      information about the project.\n    <\/p>\n\n    <div class=\"bio-hud-request-tags\">\n      <span>CONTACT<\/span>\n      <span>PROJECT DATA<\/span>\n      <span>INITIAL ANALYSIS<\/span>\n    <\/div>\n\n    <div class=\"bio-hud-request-scan\" aria-hidden=\"true\"><\/div>\n  <\/article>\n\n  <article class=\"bio-hud-panel bio-hud-panel--signal\">\n    <div class=\"bio-hud-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"bio-hud-mini-header\">\n      <span>INPUT SPECTRUM<\/span>\n      <span>CH-01<\/span>\n    <\/div>\n\n    <svg class=\"bio-hud-signal-graph\" viewBox=\"0 0 300 92\" role=\"presentation\">\n      <g opacity=\".13\">\n        <path d=\"M0 18 H300 M0 46 H300 M0 74 H300\" \/>\n        <path d=\"M30 0 V92 M90 0 V92 M150 0 V92 M210 0 V92 M270 0 V92\" \/>\n      <\/g>\n\n      <polyline\n        points=\"0,61 14,61 25,58 37,65 51,59 64,62 75,32 85,70 96,54 110,61 122,58 135,60 145,21 155,76 166,51 180,61 195,57 210,63 222,42 233,66 247,59 260,61 275,54 288,61 300,59\"\n      \/>\n    <\/svg>\n\n    <div class=\"bio-hud-signal-values\">\n      <span>FREQ 128.24<\/span>\n      <span>AMP 0.984<\/span>\n      <span>SYNC LOCKED<\/span>\n    <\/div>\n  <\/article>\n\n  <article class=\"bio-hud-panel bio-hud-panel--network\">\n    <div class=\"bio-hud-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"bio-hud-mini-header\">\n      <span>DATA ROUTING<\/span>\n      <span>NODE MAP<\/span>\n    <\/div>\n\n    <div class=\"bio-hud-network-map\" aria-hidden=\"true\">\n      <span class=\"bio-node bio-node--01\"><\/span>\n      <span class=\"bio-node bio-node--02\"><\/span>\n      <span class=\"bio-node bio-node--03\"><\/span>\n      <span class=\"bio-node bio-node--04\"><\/span>\n      <span class=\"bio-node bio-node--05\"><\/span>\n\n      <i class=\"bio-link bio-link--01\"><\/i>\n      <i class=\"bio-link bio-link--02\"><\/i>\n      <i class=\"bio-link bio-link--03\"><\/i>\n      <i class=\"bio-link bio-link--04\"><\/i>\n\n      <b>CLIENT<\/b>\n    <\/div>\n\n    <div class=\"bio-hud-network-footer\">\n      <span>5 ACTIVE NODES<\/span>\n      <span>LATENCY 12MS<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"bio-entry-hud__timeline\">\n    <div class=\"bio-entry-hud__timeline-label\">\n      <span>PROCESS FLOW<\/span>\n      <strong>ENTRY PROTOCOL<\/strong>\n    <\/div>\n\n    <div class=\"bio-entry-hud__timeline-track\">\n      <div class=\"bio-entry-hud__timeline-progress\"><\/div>\n\n      <span class=\"is-active\">\n        <i><\/i>\n        CONTACT\n      <\/span>\n\n      <span>\n        <i><\/i>\n        ANALYSIS\n      <\/span>\n\n      <span>\n        <i><\/i>\n        SCOPE\n      <\/span>\n\n      <span>\n        <i><\/i>\n        PROPOSAL\n      <\/span>\n    <\/div>\n  <\/div>\n\n  <div\n    class=\"bio-entry-hud__microtext bio-entry-hud__microtext--left\"\n    aria-hidden=\"true\"\n  >\n    SIGNAL_INT \/\/ 98.4<br>\n    DATA_CHANNEL \/\/ 01<br>\n    INPUT_PROTOCOL \/\/ OPEN\n  <\/div>\n\n  <div\n    class=\"bio-entry-hud__microtext bio-entry-hud__microtext--right\"\n    aria-hidden=\"true\"\n  >\n    SYS.NODE.ENTRY<br>\n    BIOMETRIC INTERFACE<br>\n    REVISION 24.07\n  <\/div>\n<\/section>\n\n<style>\n  .bio-entry-hud {\n    --bio-cyan: #eadbc8;\n    --bio-cyan-strong: #eadbc8;\n    --bio-blue: #702b3d;\n    --bio-violet: #702b3d;\n    --bio-white: #eadbc8;\n\n    --bio-line: rgba(234, 219, 200, 0.295);\n    --bio-line-soft: rgba(234, 219, 200, 0.118);\n    --bio-panel: rgba(18, 7, 10, 0.76);\n    --bio-panel-soft: rgba(18, 7, 10, 0.46);\n\n    --bio-mx: 0;\n    --bio-my: 0;\n\n    position: relative;\n    width: 100%;\n    min-height: clamp(680px, 82vh, 920px);\n    overflow: hidden;\n    isolation: isolate;\n    contain: layout paint style;\n    perspective: 1200px;\n\n    color: var(--bio-white);\n    background: transparent;\n\n    font-family:\n      \"Arial Narrow\",\n      \"Roboto Condensed\",\n      \"Helvetica Neue\",\n      Arial,\n      sans-serif;\n\n    text-transform: uppercase;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .bio-entry-hud *,\n  .bio-entry-hud *::before,\n  .bio-entry-hud *::after {\n    box-sizing: border-box;\n  }\n\n  .bio-entry-hud::after {\n    content: \"\";\n    position: absolute;\n    z-index: 20;\n    inset: 0;\n    pointer-events: none;\n\n    background: repeating-linear-gradient(\n      180deg,\n      transparent 0,\n      transparent 4px,\n      rgba(234, 219, 200, 0.021) 5px\n    );\n\n    opacity: 0.55;\n  }\n\n  .bio-entry-hud__topbar {\n    position: absolute;\n    z-index: 8;\n    top: 22px;\n    left: 3%;\n    right: 3%;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n\n    color: rgba(234, 219, 200, 0.649);\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 0.23em;\n  }\n\n  .bio-entry-hud__topbar::after {\n    content: \"\";\n    position: absolute;\n    top: calc(100% + 10px);\n    left: 0;\n    width: 100%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      var(--bio-line),\n      transparent 25%,\n      transparent 75%,\n      var(--bio-line)\n    );\n  }\n\n  .bio-entry-hud__topbar-center {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .bio-entry-hud__topbar-center i {\n    width: 34px;\n    height: 1px;\n    background: var(--bio-line);\n  }\n\n  .bio-entry-hud__online {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--bio-cyan);\n  }\n\n  .bio-entry-hud__online b {\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background: var(--bio-cyan);\n    box-shadow: 0 0 12px var(--bio-cyan);\n    animation: bioHudBlink 3s ease-in-out infinite;\n  }\n\n  .bio-hud-panel {\n    position: absolute;\n    z-index: 5;\n\n    padding: 18px;\n    overflow: hidden;\n\n    border: 1px solid var(--bio-line);\n\n    background:\n      linear-gradient(\n        135deg,\n        rgba(18, 7, 10, 0.78),\n        rgba(18, 7, 10, 0.38)\n      );\n\n    box-shadow:\n      inset 0 0 28px rgba(234, 219, 200, 0.029),\n      0 18px 70px rgba(0, 0, 0, 0.18);\n\n    outline: none;\n\n    transform-style: preserve-3d;\n\n    transform:\n      translate3d(\n        calc(var(--bio-mx) * var(--bio-shift-x, 0px)),\n        calc(var(--bio-my) * var(--bio-shift-y, 0px)),\n        0\n      );\n\n    will-change: transform;\n\n    transition:\n      border-color 350ms ease,\n      box-shadow 450ms ease,\n      background-color 450ms ease,\n      filter 450ms ease;\n  }\n\n  .bio-hud-panel::before {\n    content: \"\";\n    position: absolute;\n    z-index: 0;\n    top: 0;\n    left: -90%;\n    width: 50%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.083),\n      transparent\n    );\n\n    transform: skewX(-15deg);\n    transition: left 700ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .bio-hud-panel::after {\n    content: \"\";\n    position: absolute;\n    z-index: 0;\n    left: 0;\n    right: 0;\n    top: -35%;\n    height: 26px;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.118),\n      transparent\n    );\n\n    opacity: 0;\n  }\n\n  .bio-hud-panel:hover,\n  .bio-hud-panel:focus-visible {\n    border-color: rgba(234, 219, 200, 0.732);\n\n    box-shadow:\n      inset 0 0 34px rgba(234, 219, 200, 0.065),\n      0 0 28px rgba(234, 219, 200, 0.094),\n      0 18px 70px rgba(0, 0, 0, 0.24);\n  }\n\n  .bio-hud-panel:hover::before,\n  .bio-hud-panel:focus-visible::before {\n    left: 145%;\n  }\n\n  .bio-hud-panel:hover::after,\n  .bio-hud-panel:focus-visible::after {\n    opacity: 1;\n    animation: bioPanelScan 2.1s linear infinite;\n  }\n\n  .bio-hud-panel > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .bio-hud-panel__corners {\n    position: absolute;\n    z-index: 2;\n    inset: 7px;\n    pointer-events: none;\n\n    background:\n      linear-gradient(var(--bio-cyan), var(--bio-cyan)) left top \/ 11px 1px no-repeat,\n      linear-gradient(var(--bio-cyan), var(--bio-cyan)) left top \/ 1px 11px no-repeat,\n      linear-gradient(var(--bio-cyan), var(--bio-cyan)) right top \/ 11px 1px no-repeat,\n      linear-gradient(var(--bio-cyan), var(--bio-cyan)) right top \/ 1px 11px no-repeat,\n      linear-gradient(var(--bio-cyan), var(--bio-cyan)) left bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--bio-cyan), var(--bio-cyan)) left bottom \/ 1px 11px no-repeat,\n      linear-gradient(var(--bio-cyan), var(--bio-cyan)) right bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--bio-cyan), var(--bio-cyan)) right bottom \/ 1px 11px no-repeat;\n\n    opacity: 0.55;\n  }\n\n  .bio-hud-panel__eyebrow,\n  .bio-hud-mini-header,\n  .bio-hud-panel__footer,\n  .bio-hud-progress__label,\n  .bio-hud-data-row,\n  .bio-hud-signal-values,\n  .bio-hud-network-footer,\n  .bio-hud-coordinates {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n\n    color: rgba(234, 219, 200, 0.543);\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: 0.18em;\n  }\n\n  .bio-hud-panel--step {\n    --bio-shift-x: -6px;\n    --bio-shift-y: -4px;\n\n    top: 13%;\n    left: 3.5%;\n    width: clamp(205px, 17vw, 270px);\n  }\n\n  .bio-hud-step-display {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 8px;\n    margin: 14px 0 10px;\n  }\n\n  .bio-hud-step-digit {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    height: clamp(82px, 8vw, 118px);\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(234, 219, 200, 0.041),\n        rgba(234, 219, 200, 0.006)\n      );\n\n    clip-path: polygon(\n      0 10px,\n      10px 0,\n      100% 0,\n      100% calc(100% - 10px),\n      calc(100% - 10px) 100%,\n      0 100%\n    );\n  }\n\n  .bio-hud-step-digit::before {\n    content: \"\";\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    right: 8px;\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      var(--bio-cyan),\n      transparent\n    );\n\n    opacity: 0.35;\n  }\n\n  .bio-hud-step-digit::after {\n    content: \"\";\n    position: absolute;\n    right: 8px;\n    bottom: 8px;\n    width: 15px;\n    height: 1px;\n    background: var(--bio-line);\n  }\n\n  .bio-hud-step-digit > span {\n    color: transparent;\n\n    font-size: clamp(58px, 6.5vw, 94px);\n    font-weight: 300;\n    line-height: 0.8;\n    letter-spacing: -0.08em;\n    font-variant-numeric: tabular-nums;\n\n    -webkit-text-stroke:\n      1px rgba(234, 219, 200, 0.59);\n\n    transform: translateY(-2px);\n  }\n\n  .bio-hud-step-digit > i {\n    position: absolute;\n    top: 50%;\n    right: 7px;\n    width: 3px;\n    height: 28%;\n\n    background: repeating-linear-gradient(\n      180deg,\n      var(--bio-cyan) 0 2px,\n      transparent 2px 5px\n    );\n\n    opacity: 0.3;\n    transform: translateY(-50%);\n  }\n\n  .bio-hud-step-digit > b {\n    position: absolute;\n    bottom: 7px;\n    left: 8px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 5px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n  }\n\n  .bio-hud-step-digit--active {\n    border-color: rgba(234, 219, 200, 0.566);\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(112, 43, 61, 0.09),\n        rgba(234, 219, 200, 0.047)\n      );\n\n    box-shadow:\n      inset 0 0 22px rgba(234, 219, 200, 0.059);\n  }\n\n  .bio-hud-step-digit--active > span {\n    color: rgba(234, 219, 200, 0.077);\n    -webkit-text-stroke-color: var(--bio-cyan);\n\n    text-shadow:\n      0 0 18px rgba(234, 219, 200, 0.177);\n  }\n\n  .bio-hud-step-digit--active > b {\n    color: var(--bio-cyan);\n  }\n\n  .bio-hud-status-dot {\n    color: var(--bio-cyan);\n  }\n\n  .bio-hud-status-dot::before {\n    content: \"\";\n    display: inline-block;\n    width: 4px;\n    height: 4px;\n    margin-right: 7px;\n    border-radius: 50%;\n    background: var(--bio-cyan);\n    box-shadow: 0 0 8px var(--bio-cyan);\n  }\n\n  .bio-hud-panel--title {\n    --bio-shift-x: -11px;\n    --bio-shift-y: 8px;\n\n    top: 43%;\n    left: 5%;\n    width: clamp(260px, 25vw, 370px);\n    padding: clamp(20px, 2vw, 32px);\n  }\n\n  .bio-hud-panel__index {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n\n    margin-bottom: 28px;\n    color: rgba(234, 219, 200, 0.472);\n    font-size: 8px;\n    letter-spacing: 0.22em;\n  }\n\n  .bio-hud-panel__index strong {\n    color: var(--bio-cyan);\n    font-size: 9px;\n    font-weight: 500;\n  }\n\n  .bio-hud-kicker {\n    margin: 0 0 8px;\n    color: var(--bio-violet);\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 0.32em;\n  }\n\n  .bio-hud-panel--title h2 {\n    margin: 0;\n\n    color: var(--bio-white);\n    font-size: clamp(30px, 3.4vw, 57px);\n    font-weight: 300;\n    line-height: 0.9;\n    letter-spacing: 0.08em;\n  }\n\n  .bio-hud-panel--title h2 span {\n    display: block;\n    margin-top: 8px;\n    color: var(--bio-cyan);\n    text-shadow: 0 0 24px rgba(234, 219, 200, 0.236);\n  }\n\n  .bio-hud-title-line {\n    display: grid;\n    grid-template-columns: 1fr 5px 0.36fr;\n    align-items: center;\n    gap: 8px;\n    margin: 24px 0 14px;\n  }\n\n  .bio-hud-title-line i {\n    display: block;\n    height: 1px;\n    background: var(--bio-line);\n  }\n\n  .bio-hud-title-line b {\n    width: 5px;\n    height: 5px;\n    background: var(--bio-cyan);\n    box-shadow: 0 0 10px var(--bio-cyan);\n  }\n\n  .bio-hud-panel--status {\n    --bio-shift-x: 8px;\n    --bio-shift-y: -5px;\n\n    top: 13%;\n    right: 4%;\n    width: clamp(240px, 21vw, 320px);\n  }\n\n  .bio-hud-status-title {\n    margin: 28px 0 24px;\n  }\n\n  .bio-hud-status-title span,\n  .bio-hud-status-title strong {\n    display: block;\n  }\n\n  .bio-hud-status-title span {\n    margin-bottom: 7px;\n    color: var(--bio-violet);\n    font-size: 10px;\n    letter-spacing: 0.35em;\n  }\n\n  .bio-hud-status-title strong {\n    color: var(--bio-white);\n    font-size: clamp(21px, 2vw, 30px);\n    font-weight: 300;\n    line-height: 1;\n    letter-spacing: 0.12em;\n  }\n\n  .bio-hud-progress {\n    margin-bottom: 19px;\n  }\n\n  .bio-hud-progress__track {\n    height: 3px;\n    margin-top: 9px;\n    overflow: hidden;\n    background: rgba(234, 219, 200, 0.118);\n  }\n\n  .bio-hud-progress__track i {\n    display: block;\n    width: 98.4%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      var(--bio-violet),\n      var(--bio-cyan)\n    );\n\n    box-shadow: 0 0 12px rgba(234, 219, 200, 0.59);\n    transform-origin: left;\n\n    animation:\n      bioProgress 3.4s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .bio-hud-data-row {\n    padding: 8px 0;\n    border-top: 1px solid var(--bio-line-soft);\n  }\n\n  .bio-hud-data-row strong {\n    color: var(--bio-cyan);\n    font-size: 8px;\n    font-weight: 500;\n  }\n\n  .bio-hud-panel--request {\n    --bio-shift-x: 12px;\n    --bio-shift-y: 8px;\n\n    top: 43%;\n    right: 3%;\n    width: clamp(290px, 27vw, 410px);\n    padding: clamp(22px, 2vw, 30px);\n  }\n\n  .bio-hud-request-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 20px;\n  }\n\n  .bio-hud-request-header span {\n    color: var(--bio-cyan);\n    font-size: 9px;\n    letter-spacing: 0.25em;\n  }\n\n  .bio-hud-request-header small {\n    color: rgba(234, 219, 200, 0.413);\n    font-size: 7px;\n    letter-spacing: 0.18em;\n  }\n\n  .bio-hud-panel--request p {\n    max-width: 34em;\n    margin: 28px 0 26px;\n\n    color: rgba(234, 219, 200, 0.944);\n    font-size: clamp(12px, 1.05vw, 15px);\n    font-weight: 300;\n    line-height: 1.75;\n    letter-spacing: 0.08em;\n    text-transform: none;\n  }\n\n  .bio-hud-request-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n  }\n\n  .bio-hud-request-tags span {\n    padding: 6px 8px;\n\n    border: 1px solid rgba(234, 219, 200, 0.201);\n    background: rgba(234, 219, 200, 0.029);\n\n    color: rgba(234, 219, 200, 0.85);\n    font-size: 7px;\n    letter-spacing: 0.16em;\n\n    transition:\n      border-color 350ms ease,\n      background-color 350ms ease,\n      color 350ms ease;\n  }\n\n  .bio-hud-panel--request:hover .bio-hud-request-tags span {\n    border-color: rgba(234, 219, 200, 0.413);\n    background: rgba(234, 219, 200, 0.059);\n    color: rgba(234, 219, 200, 1);\n  }\n\n  .bio-hud-request-scan {\n    position: absolute;\n    right: 14px;\n    bottom: 14px;\n    width: 42px;\n    height: 42px;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n    border-radius: 50%;\n  }\n\n  .bio-hud-request-scan::before,\n  .bio-hud-request-scan::after {\n    content: \"\";\n    position: absolute;\n    inset: 50% auto auto 50%;\n    background: rgba(234, 219, 200, 0.33);\n    transform: translate(-50%, -50%);\n  }\n\n  .bio-hud-request-scan::before {\n    width: 70%;\n    height: 1px;\n  }\n\n  .bio-hud-request-scan::after {\n    width: 1px;\n    height: 70%;\n  }\n\n  .bio-core-stage {\n    position: absolute;\n    z-index: 3;\n    top: 46%;\n    left: 50%;\n\n    width: clamp(330px, 36vw, 570px);\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 0)\n      rotateX(calc(var(--bio-my) * -5deg))\n      rotateY(calc(var(--bio-mx) * 7deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .bio-core-stage::before {\n    content: \"\";\n    position: absolute;\n    inset: 4%;\n\n    border: 1px solid rgba(234, 219, 200, 0.094);\n    border-radius: 50%;\n\n    box-shadow:\n      inset 0 0 100px rgba(234, 219, 200, 0.029),\n      0 0 120px rgba(234, 219, 200, 0.041);\n  }\n\n  .bio-core-stage__axis {\n    position: absolute;\n    z-index: -1;\n    top: 50%;\n    left: 50%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.212),\n      transparent\n    );\n  }\n\n  .bio-core-stage__axis--x {\n    width: 125%;\n    height: 1px;\n    transform: translate(-50%, -50%);\n  }\n\n  .bio-core-stage__axis--y {\n    width: 1px;\n    height: 125%;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.212),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .bio-core {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 76%;\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 80px)\n      rotateX(calc(var(--bio-my) * -4deg))\n      rotateY(calc(var(--bio-mx) * 5deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .bio-core__sphere {\n    position: absolute;\n    inset: 8%;\n    color: var(--bio-cyan);\n\n    border-radius: 50%;\n\n    background:\n      radial-gradient(\n        circle at 40% 37%,\n        rgba(234, 219, 200, 0.153),\n        rgba(234, 219, 200, 0.029) 31%,\n        rgba(112, 43, 61, 0.02) 55%,\n        transparent 72%\n      );\n\n    box-shadow:\n      inset 0 0 75px rgba(234, 219, 200, 0.065),\n      0 0 50px rgba(234, 219, 200, 0.083);\n\n    transform: translateZ(38px);\n  }\n\n  .bio-core__sphere svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n    overflow: visible;\n\n    filter:\n      drop-shadow(0 0 6px rgba(234, 219, 200, 0.189));\n  }\n\n  .bio-core__orbit {\n    position: absolute;\n    inset: 0;\n\n    border: 1px solid rgba(234, 219, 200, 0.33);\n    border-radius: 50%;\n\n    transform-style: preserve-3d;\n  }\n\n  .bio-core__orbit::before,\n  .bio-core__orbit::after {\n    content: \"\";\n    position: absolute;\n    width: 6px;\n    height: 6px;\n\n    border-radius: 50%;\n    background: var(--bio-cyan);\n    box-shadow: 0 0 14px var(--bio-cyan);\n  }\n\n  .bio-core__orbit::before {\n    top: -3px;\n    left: 50%;\n  }\n\n  .bio-core__orbit::after {\n    right: 8%;\n    bottom: 20%;\n    width: 3px;\n    height: 3px;\n  }\n\n  .bio-core__orbit--01 {\n    transform: rotateX(68deg) rotateZ(12deg);\n    animation: bioOrbitOne 22s linear infinite;\n  }\n\n  .bio-core__orbit--02 {\n    inset: 5%;\n    border-color: rgba(112, 43, 61, 0.32);\n\n    transform: rotateY(69deg) rotateZ(34deg);\n    animation: bioOrbitTwo 28s linear infinite reverse;\n  }\n\n  .bio-core__orbit--03 {\n    inset: 13%;\n\n    border-style: dashed;\n    border-color: rgba(112, 43, 61, 0.34);\n\n    transform: rotateX(57deg) rotateY(45deg);\n    animation: bioOrbitThree 34s linear infinite;\n  }\n\n  .bio-core__radar {\n    position: absolute;\n    inset: -7%;\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.142);\n    border-radius: 50%;\n\n    transform: translateZ(-30px);\n  }\n\n  .bio-core__radar::before,\n  .bio-core__radar::after {\n    content: \"\";\n    position: absolute;\n    inset: 50% auto auto 50%;\n    background: rgba(234, 219, 200, 0.118);\n    transform: translate(-50%, -50%);\n  }\n\n  .bio-core__radar::before {\n    width: 100%;\n    height: 1px;\n  }\n\n  .bio-core__radar::after {\n    width: 1px;\n    height: 100%;\n  }\n\n  .bio-core__scan {\n    position: absolute;\n    z-index: 8;\n    top: 13%;\n    left: 10%;\n    width: 80%;\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--bio-cyan),\n      transparent\n    );\n\n    box-shadow: 0 0 18px rgba(234, 219, 200, 0.767);\n    opacity: 0.65;\n\n    animation: bioCoreScan 7s ease-in-out infinite;\n  }\n\n  .bio-core__particle {\n    position: absolute;\n    width: 3px;\n    height: 3px;\n\n    border-radius: 50%;\n    background: var(--bio-cyan);\n    box-shadow: 0 0 8px var(--bio-cyan);\n\n    animation: bioParticle 6s ease-in-out infinite;\n  }\n\n  .bio-core__particle--01 {\n    top: 18%;\n    left: 24%;\n    animation-delay: -0.3s;\n  }\n\n  .bio-core__particle--02 {\n    top: 28%;\n    right: 14%;\n    animation-delay: -1.4s;\n  }\n\n  .bio-core__particle--03 {\n    right: 21%;\n    bottom: 18%;\n    animation-delay: -2.6s;\n  }\n\n  .bio-core__particle--04 {\n    bottom: 12%;\n    left: 38%;\n    animation-delay: -0.9s;\n  }\n\n  .bio-core__particle--05 {\n    top: 51%;\n    left: 6%;\n    animation-delay: -2.1s;\n  }\n\n  .bio-core__particle--06 {\n    top: 8%;\n    left: 56%;\n\n    background: var(--bio-violet);\n    box-shadow: 0 0 8px var(--bio-violet);\n\n    animation-delay: -3.2s;\n  }\n\n  .bio-core-stage__marker {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.566);\n    font-size: 7px;\n    letter-spacing: 0.16em;\n  }\n\n  .bio-core-stage__marker::before {\n    content: \"\";\n    display: inline-block;\n    width: 18px;\n    height: 1px;\n    margin-right: 7px;\n\n    vertical-align: middle;\n    background: rgba(234, 219, 200, 0.283);\n  }\n\n  .bio-core-stage__marker--01 {\n    top: 21%;\n    left: -2%;\n  }\n\n  .bio-core-stage__marker--02 {\n    top: 34%;\n    right: -1%;\n  }\n\n  .bio-core-stage__marker--03 {\n    bottom: 20%;\n    left: 4%;\n  }\n\n  .bio-core-stage__caption {\n    position: absolute;\n    bottom: 3%;\n    left: 50%;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n\n    transform: translateX(-50%);\n    white-space: nowrap;\n  }\n\n  .bio-core-stage__caption span {\n    color: rgba(234, 219, 200, 0.448);\n    font-size: 7px;\n    letter-spacing: 0.28em;\n  }\n\n  .bio-core-stage__caption strong {\n    color: var(--bio-cyan);\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.34em;\n\n    text-shadow: 0 0 12px rgba(234, 219, 200, 0.472);\n  }\n\n  .bio-hud-panel--signal {\n    --bio-shift-x: -7px;\n    --bio-shift-y: 5px;\n\n    left: 3.5%;\n    bottom: 10%;\n    width: clamp(230px, 22vw, 330px);\n    padding: 14px 16px;\n  }\n\n  .bio-hud-signal-graph {\n    display: block;\n    width: 100%;\n    height: 72px;\n    margin: 10px 0 6px;\n    overflow: visible;\n\n    fill: none;\n    stroke: var(--bio-cyan);\n    stroke-width: 1.2;\n\n    filter:\n      drop-shadow(0 0 3px rgba(234, 219, 200, 0.33));\n  }\n\n  .bio-hud-signal-graph g {\n    stroke: var(--bio-cyan);\n    stroke-width: 0.6;\n  }\n\n  .bio-hud-signal-values {\n    font-size: 7px;\n  }\n\n  .bio-hud-panel--network {\n    --bio-shift-x: 7px;\n    --bio-shift-y: 5px;\n\n    right: 3.5%;\n    bottom: 10%;\n    width: clamp(220px, 20vw, 310px);\n    padding: 14px 16px;\n  }\n\n  .bio-hud-network-map {\n    position: relative;\n    height: 82px;\n    margin-top: 8px;\n  }\n\n  .bio-hud-network-map::before {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 47px;\n    height: 47px;\n\n    border: 1px solid rgba(234, 219, 200, 0.201);\n    border-radius: 50%;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .bio-hud-network-map b {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n\n    color: var(--bio-white);\n    font-size: 7px;\n    font-weight: 500;\n    letter-spacing: 0.15em;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .bio-node {\n    position: absolute;\n    z-index: 2;\n    width: 6px;\n    height: 6px;\n\n    border: 1px solid var(--bio-cyan);\n    border-radius: 50%;\n    background: rgba(234, 219, 200, 0.354);\n    box-shadow: 0 0 9px rgba(234, 219, 200, 0.531);\n  }\n\n  .bio-node--01 {\n    top: 9%;\n    left: 12%;\n  }\n\n  .bio-node--02 {\n    top: 13%;\n    right: 17%;\n  }\n\n  .bio-node--03 {\n    right: 8%;\n    bottom: 9%;\n  }\n\n  .bio-node--04 {\n    bottom: 5%;\n    left: 23%;\n  }\n\n  .bio-node--05 {\n    top: 49%;\n    left: 48%;\n  }\n\n  .bio-link {\n    position: absolute;\n    z-index: 1;\n    top: 50%;\n    left: 50%;\n    width: 42%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      rgba(234, 219, 200, 0.531),\n      rgba(234, 219, 200, 0.047)\n    );\n\n    transform-origin: left center;\n  }\n\n  .bio-link--01 {\n    transform: rotate(-151deg);\n  }\n\n  .bio-link--02 {\n    width: 37%;\n    transform: rotate(-35deg);\n  }\n\n  .bio-link--03 {\n    width: 39%;\n    transform: rotate(31deg);\n  }\n\n  .bio-link--04 {\n    width: 35%;\n    transform: rotate(139deg);\n  }\n\n  .bio-entry-hud__timeline {\n    position: absolute;\n    z-index: 7;\n    right: 25%;\n    bottom: 4%;\n    left: 25%;\n\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    gap: 30px;\n  }\n\n  .bio-entry-hud__timeline-label {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .bio-entry-hud__timeline-label span {\n    color: rgba(234, 219, 200, 0.378);\n    font-size: 7px;\n    letter-spacing: 0.19em;\n  }\n\n  .bio-entry-hud__timeline-label strong {\n    color: rgba(234, 219, 200, 0.826);\n    font-size: 8px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n  }\n\n  .bio-entry-hud__timeline-track {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .bio-entry-hud__timeline-track::before {\n    content: \"\";\n    position: absolute;\n    top: 3px;\n    left: 0;\n    width: 100%;\n    height: 1px;\n\n    background: rgba(234, 219, 200, 0.153);\n  }\n\n  .bio-entry-hud__timeline-progress {\n    position: absolute;\n    z-index: 1;\n    top: 3px;\n    left: 0;\n    width: 6%;\n    height: 1px;\n\n    background: var(--bio-cyan);\n    box-shadow: 0 0 8px var(--bio-cyan);\n  }\n\n  .bio-entry-hud__timeline-track span {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n\n    color: rgba(234, 219, 200, 0.354);\n    font-size: 7px;\n    letter-spacing: 0.14em;\n  }\n\n  .bio-entry-hud__timeline-track i {\n    width: 7px;\n    height: 7px;\n\n    border: 1px solid rgba(234, 219, 200, 0.295);\n    border-radius: 50%;\n    background: rgba(18, 7, 10, 0.9);\n  }\n\n  .bio-entry-hud__timeline-track .is-active {\n    color: var(--bio-cyan);\n  }\n\n  .bio-entry-hud__timeline-track .is-active i {\n    border-color: var(--bio-cyan);\n    background: var(--bio-cyan);\n    box-shadow: 0 0 10px var(--bio-cyan);\n  }\n\n  .bio-entry-hud__microtext {\n    position: absolute;\n    z-index: 2;\n\n    color: rgba(234, 219, 200, 0.26);\n    font-family: monospace;\n    font-size: 7px;\n    line-height: 1.8;\n    letter-spacing: 0.12em;\n\n    pointer-events: none;\n  }\n\n  .bio-entry-hud__microtext--left {\n    top: 31%;\n    left: 2%;\n\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n  }\n\n  .bio-entry-hud__microtext--right {\n    top: 29%;\n    right: 1.8%;\n\n    text-align: right;\n    writing-mode: vertical-rl;\n  }\n\n  @keyframes bioHudBlink {\n    0%,\n    100% {\n      opacity: 0.35;\n      transform: scale(0.85);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes bioPanelScan {\n    from {\n      top: -20%;\n    }\n\n    to {\n      top: 120%;\n    }\n  }\n\n  @keyframes bioProgress {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes bioOrbitOne {\n    from {\n      transform: rotateX(68deg) rotateZ(12deg);\n    }\n\n    to {\n      transform: rotateX(68deg) rotateZ(372deg);\n    }\n  }\n\n  @keyframes bioOrbitTwo {\n    from {\n      transform: rotateY(69deg) rotateZ(34deg);\n    }\n\n    to {\n      transform: rotateY(69deg) rotateZ(394deg);\n    }\n  }\n\n  @keyframes bioOrbitThree {\n    from {\n      transform: rotateX(57deg) rotateY(45deg) rotateZ(0deg);\n    }\n\n    to {\n      transform: rotateX(57deg) rotateY(45deg) rotateZ(360deg);\n    }\n  }\n\n  @keyframes bioCoreScan {\n    0%,\n    100% {\n      top: 13%;\n      opacity: 0.2;\n    }\n\n    50% {\n      top: 84%;\n      opacity: 0.75;\n    }\n  }\n\n  @keyframes bioParticle {\n    0%,\n    100% {\n      opacity: 0.18;\n\n      transform:\n        translate3d(0, 6px, 30px)\n        scale(0.7);\n    }\n\n    50% {\n      opacity: 0.9;\n\n      transform:\n        translate3d(5px, -7px, 85px)\n        scale(1.1);\n    }\n  }\n\n  .bio-entry-hud.is-bio-paused *,\n  .bio-entry-hud.is-bio-paused *::before,\n  .bio-entry-hud.is-bio-paused *::after {\n    animation-play-state: paused !important;\n  }\n\n  @media (max-width: 1100px) {\n    .bio-entry-hud {\n      min-height: 800px;\n    }\n\n    .bio-core-stage {\n      top: 44%;\n      width: clamp(320px, 43vw, 470px);\n    }\n\n    .bio-hud-panel--title {\n      top: 46%;\n      left: 3%;\n      width: 29vw;\n    }\n\n    .bio-hud-panel--request {\n      top: 46%;\n      right: 3%;\n      width: 30vw;\n    }\n\n    .bio-hud-panel--signal,\n    .bio-hud-panel--network {\n      bottom: 8%;\n      width: 27vw;\n    }\n\n    .bio-entry-hud__timeline {\n      right: 29%;\n      left: 29%;\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n\n    .bio-entry-hud__timeline-label {\n      display: none;\n    }\n  }\n\n  .bio-hud-mobile-host {\n    overflow: visible !important;\n  }\n\n  @media (max-width: 767px) {\n    .bio-entry-hud {\n      display: block;\n      width: 100vw !important;\n      max-width: 100vw !important;\n      min-height: 930px;\n      margin-right: 0 !important;\n      padding: 0;\n      overflow: hidden;\n      perspective: 900px;\n      contain: layout paint style;\n    }\n\n    .bio-entry-hud,\n    .bio-entry-hud * {\n      box-sizing: border-box;\n      min-width: 0;\n    }\n\n    .bio-entry-hud__topbar {\n      top: 15px;\n      left: 12px;\n      right: 12px;\n      width: auto;\n      gap: 8px;\n      font-size: 6px;\n      line-height: 1.2;\n      letter-spacing: 0.11em;\n    }\n\n    .bio-entry-hud__topbar > span:first-child,\n    .bio-entry-hud__online {\n      flex: 0 1 auto;\n      min-width: 0;\n      white-space: nowrap;\n    }\n\n    .bio-entry-hud__online {\n      justify-content: flex-end;\n    }\n\n    .bio-entry-hud__topbar-center,\n    .bio-entry-hud__microtext {\n      display: none;\n    }\n\n    .bio-hud-panel {\n      position: absolute;\n      margin: 0;\n      padding: 11px;\n      overflow: hidden;\n      text-align: left;\n      transform: none !important;\n      will-change: auto;\n    }\n\n    .bio-hud-panel__corners {\n      inset: 5px;\n    }\n\n    .bio-hud-panel__eyebrow,\n    .bio-hud-mini-header,\n    .bio-hud-panel__footer,\n    .bio-hud-progress__label,\n    .bio-hud-data-row,\n    .bio-hud-signal-values,\n    .bio-hud-network-footer,\n    .bio-hud-coordinates {\n      gap: 5px;\n      font-size: 5.5px;\n      line-height: 1.25;\n      letter-spacing: 0.07em;\n    }\n\n    .bio-hud-panel--title h2,\n    .bio-hud-panel--title h2 span,\n    .bio-hud-status-title strong,\n    .bio-hud-data-row strong,\n    .bio-hud-status-dot,\n    .bio-hud-request-tags span,\n    .bio-entry-hud__online {\n      overflow-wrap: normal;\n      word-break: keep-all;\n      hyphens: none;\n    }\n\n    .bio-hud-panel--step {\n      top: 62px;\n      left: 12px;\n      width: calc(40% - 18px);\n      height: 138px;\n      padding: 9px;\n    }\n\n    .bio-hud-step-display {\n      gap: 5px;\n      margin: 8px 0 6px;\n    }\n\n    .bio-hud-step-digit {\n      height: 76px;\n\n      clip-path: polygon(\n        0 7px,\n        7px 0,\n        100% 0,\n        100% calc(100% - 7px),\n        calc(100% - 7px) 100%,\n        0 100%\n      );\n    }\n\n    .bio-hud-step-digit::before {\n      top: 5px;\n      left: 5px;\n      right: 5px;\n    }\n\n    .bio-hud-step-digit::after {\n      right: 5px;\n      bottom: 5px;\n      width: 10px;\n    }\n\n    .bio-hud-step-digit > span {\n      font-size: clamp(40px, 12vw, 56px);\n    }\n\n    .bio-hud-step-digit > i {\n      right: 4px;\n      width: 2px;\n    }\n\n    .bio-hud-step-digit > b {\n      bottom: 5px;\n      left: 5px;\n      font-size: 3.8px;\n      letter-spacing: 0.08em;\n    }\n\n    .bio-hud-panel--status {\n      top: 62px;\n      right: 12px;\n      width: calc(60% - 18px);\n      min-height: 138px;\n    }\n\n    .bio-hud-status-title {\n      margin: 14px 0 11px;\n    }\n\n    .bio-hud-status-title span {\n      margin-bottom: 5px;\n      font-size: 7px;\n      letter-spacing: 0.18em;\n    }\n\n    .bio-hud-status-title strong {\n      font-size: clamp(15px, 5vw, 21px);\n      line-height: 1.04;\n      letter-spacing: 0.06em;\n    }\n\n    .bio-hud-progress {\n      margin-bottom: 8px;\n    }\n\n    .bio-hud-data-row {\n      padding: 5px 0;\n    }\n\n    .bio-hud-panel--title {\n      top: 230px;\n      left: 12px;\n      width: 44%;\n      min-height: 176px;\n      padding: 14px 12px;\n    }\n\n    .bio-hud-panel__index {\n      margin-bottom: 14px;\n      font-size: 5.5px;\n      letter-spacing: 0.09em;\n    }\n\n    .bio-hud-panel__index strong {\n      font-size: 6px;\n    }\n\n    .bio-hud-kicker {\n      margin-bottom: 5px;\n      font-size: 6px;\n      letter-spacing: 0.17em;\n    }\n\n    .bio-hud-panel--title h2 {\n      font-size: clamp(23px, 8vw, 34px);\n      line-height: 0.95;\n      letter-spacing: 0.035em;\n    }\n\n    .bio-hud-panel--title h2 span {\n      margin-top: 5px;\n    }\n\n    .bio-hud-title-line {\n      grid-template-columns: 1fr 4px 0.25fr;\n      gap: 5px;\n      margin: 14px 0 9px;\n    }\n\n    .bio-core-stage {\n      position: absolute;\n      z-index: 3;\n      top: 432px;\n      left: 50%;\n      right: auto;\n      bottom: auto;\n      width: min(82vw, 310px);\n      max-width: 310px;\n      aspect-ratio: 1;\n      margin: 0;\n      overflow: visible;\n      transform: translate3d(-50%, -50%, 0) !important;\n    }\n\n    .bio-core {\n      width: 74%;\n      transform: translate3d(-50%, -50%, 50px) !important;\n    }\n\n    .bio-core-stage__axis--x {\n      width: 108%;\n    }\n\n    .bio-core-stage__axis--y {\n      height: 108%;\n    }\n\n    .bio-core-stage__marker {\n      font-size: 5.5px;\n    }\n\n    .bio-core-stage__marker--01 {\n      top: 18%;\n      left: 2%;\n    }\n\n    .bio-core-stage__marker--02 {\n      top: 32%;\n      right: 2%;\n    }\n\n    .bio-core-stage__marker--03 {\n      bottom: 18%;\n      left: 4%;\n    }\n\n    .bio-core-stage__caption {\n      bottom: -2px;\n      width: 100%;\n      text-align: center;\n    }\n\n    .bio-core-stage__caption span {\n      font-size: 5.5px;\n      letter-spacing: 0.18em;\n    }\n\n    .bio-core-stage__caption strong {\n      font-size: 7px;\n      letter-spacing: 0.2em;\n    }\n\n    .bio-hud-panel--request {\n      top: 420px;\n      right: 12px;\n      width: 47%;\n      min-height: 202px;\n      padding: 13px 11px;\n    }\n\n    .bio-hud-request-header {\n      align-items: flex-start;\n      gap: 7px;\n    }\n\n    .bio-hud-request-header span {\n      font-size: 6px;\n      letter-spacing: 0.11em;\n    }\n\n    .bio-hud-request-header small {\n      font-size: 5px;\n      line-height: 1.25;\n      letter-spacing: 0.065em;\n      text-align: right;\n    }\n\n    .bio-hud-panel--request p {\n      margin: 14px 0 12px;\n      font-size: clamp(8.7px, 2.55vw, 10.5px);\n      line-height: 1.48;\n      letter-spacing: 0.015em;\n      overflow-wrap: normal;\n      word-break: normal;\n    }\n\n    .bio-hud-request-tags {\n      gap: 4px;\n    }\n\n    .bio-hud-request-tags span {\n      padding: 4px 5px;\n      font-size: 5px;\n      line-height: 1.2;\n      letter-spacing: 0.055em;\n      white-space: nowrap;\n    }\n\n    .bio-hud-request-scan {\n      right: 8px;\n      bottom: 8px;\n      width: 27px;\n      height: 27px;\n      opacity: 0.58;\n    }\n\n    .bio-hud-panel--signal {\n      top: 674px;\n      left: 12px;\n      bottom: auto;\n      width: calc(47% - 6px);\n      height: 138px;\n      padding: 10px;\n    }\n\n    .bio-hud-signal-graph {\n      width: 100%;\n      height: 64px;\n      margin: 8px 0 5px;\n    }\n\n    .bio-hud-signal-values {\n      flex-wrap: wrap;\n      justify-content: flex-start;\n    }\n\n    .bio-hud-panel--network {\n      top: 674px;\n      right: 12px;\n      bottom: auto;\n      width: calc(47% - 6px);\n      height: 138px;\n      padding: 10px;\n    }\n\n    .bio-hud-network-map {\n      height: 70px;\n      margin-top: 5px;\n    }\n\n    .bio-hud-network-footer {\n      flex-wrap: wrap;\n      justify-content: space-between;\n    }\n\n    .bio-entry-hud__timeline {\n      position: absolute;\n      z-index: 7;\n      right: 12px;\n      bottom: 24px;\n      left: 12px;\n      display: block;\n      width: auto;\n      margin: 0;\n      padding: 0;\n    }\n\n    .bio-entry-hud__timeline-label {\n      display: flex;\n      align-items: center;\n      margin-bottom: 14px;\n      text-align: left;\n    }\n\n    .bio-entry-hud__timeline-label span {\n      font-size: 5.5px;\n    }\n\n    .bio-entry-hud__timeline-label strong {\n      font-size: 6px;\n    }\n\n    .bio-entry-hud__timeline-track {\n      width: 100%;\n      padding: 0 2px;\n    }\n\n    .bio-entry-hud__timeline-track span {\n      align-items: center;\n      min-width: 0;\n      font-size: 5.5px;\n      line-height: 1.2;\n      letter-spacing: 0.035em;\n      text-align: center;\n      white-space: nowrap;\n    }\n\n    .bio-entry-hud__timeline-track i {\n      flex: 0 0 auto;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .bio-entry-hud {\n      min-height: 910px;\n    }\n\n    .bio-entry-hud__topbar {\n      left: 9px;\n      right: 9px;\n      font-size: 5.3px;\n      letter-spacing: 0.075em;\n    }\n\n    .bio-hud-panel--step {\n      left: 9px;\n      width: calc(40% - 14px);\n    }\n\n    .bio-hud-panel--status {\n      right: 9px;\n      width: calc(60% - 14px);\n    }\n\n    .bio-hud-step-display {\n      gap: 4px;\n    }\n\n    .bio-hud-step-digit {\n      height: 74px;\n    }\n\n    .bio-hud-step-digit > span {\n      font-size: clamp(38px, 11.5vw, 51px);\n    }\n\n    .bio-hud-step-digit > b {\n      font-size: 3.5px;\n    }\n\n    .bio-hud-panel--title {\n      left: 9px;\n      width: 44%;\n    }\n\n    .bio-core-stage {\n      top: 424px;\n      width: min(80vw, 286px);\n    }\n\n    .bio-hud-panel--request {\n      top: 414px;\n      right: 9px;\n      width: 48%;\n      min-height: 202px;\n    }\n\n    .bio-hud-panel--signal {\n      top: 660px;\n      left: 9px;\n      width: calc(47% - 5px);\n      height: 132px;\n    }\n\n    .bio-hud-panel--network {\n      top: 660px;\n      right: 9px;\n      width: calc(47% - 5px);\n      height: 132px;\n    }\n\n    .bio-core-stage__marker {\n      display: none;\n    }\n\n    .bio-hud-panel__eyebrow,\n    .bio-hud-mini-header,\n    .bio-hud-panel__footer,\n    .bio-hud-progress__label,\n    .bio-hud-data-row,\n    .bio-hud-signal-values,\n    .bio-hud-network-footer,\n    .bio-hud-coordinates {\n      font-size: 5px;\n      letter-spacing: 0.045em;\n    }\n\n    .bio-hud-status-title strong {\n      font-size: clamp(14px, 4.7vw, 19px);\n    }\n\n    .bio-hud-panel--title h2 {\n      font-size: clamp(21px, 7.5vw, 29px);\n    }\n\n    .bio-hud-panel--request p {\n      font-size: 8.5px;\n    }\n\n    .bio-hud-request-header small,\n    .bio-hud-request-tags span {\n      font-size: 4.7px;\n    }\n\n    .bio-entry-hud__timeline {\n      right: 9px;\n      bottom: 21px;\n      left: 9px;\n    }\n\n    .bio-entry-hud__timeline-track span {\n      font-size: 5px;\n      letter-spacing: 0.015em;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .bio-entry-hud *,\n    .bio-entry-hud *::before,\n    .bio-entry-hud *::after {\n      scroll-behavior: auto !important;\n      animation-duration: 0.001ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.001ms !important;\n    }\n\n    .bio-core-stage {\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .bio-core {\n      transform:\n        translate3d(-50%, -50%, 80px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n  }\n\n  @media\n    (max-width: 767px) and\n    (prefers-reduced-motion: reduce) {\n\n    .bio-core-stage {\n      transform: translate3d(-50%, -50%, 0) !important;\n    }\n\n    .bio-core {\n      transform: translate3d(-50%, -50%, 50px) !important;\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43ffe213 e-con-full development-scene scene-02 e-flex e-con e-child\" data-id=\"43ffe213\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18d729aa hud-scene-host liquid-glass elementor-widget elementor-widget-html\" data-id=\"18d729aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\n  class=\"pi-hud\"\n  data-pi-hud\n  aria-label=\"Discovery Phase Project Intelligence\" data-hud-runtime data-hud-x-var=\"--pi-mx\" data-hud-y-var=\"--pi-my\" data-hud-panel=\".pi-panel\" data-hud-paused-class=\"is-pi-paused\" data-hud-strength=\"0.80\" data-hud-smoothing=\"0.06\" data-hud-threshold=\"0.0004\" data-hud-mobile-fit=\"true\">\n  <div class=\"pi-topbar\" aria-hidden=\"true\">\n    <span>PROJECT INTELLIGENCE SYSTEM<\/span>\n\n    <div class=\"pi-topbar__center\">\n      <i><\/i>\n      <span>DISCOVERY CHANNEL 02<\/span>\n      <i><\/i>\n    <\/div>\n\n    <span class=\"pi-online\">\n      <b><\/b>\n      ANALYSIS ONLINE\n    <\/span>\n  <\/div>\n\n  <article class=\"pi-panel pi-panel--step\">\n    <div class=\"pi-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"pi-panel__meta\">\n      <span>PROCESS SEQUENCE<\/span>\n      <span>02 \/ 06<\/span>\n    <\/div>\n\n    <div class=\"pi-step-display\" aria-label=\"Step 02\">\n      <div class=\"pi-step-digit\">\n        <span>0<\/span>\n        <i><\/i>\n        <b>BASE<\/b>\n      <\/div>\n\n      <div class=\"pi-step-digit pi-step-digit--active\">\n        <span>2<\/span>\n        <i><\/i>\n        <b>LIVE<\/b>\n      <\/div>\n    <\/div>\n\n    <div class=\"pi-panel__footer\">\n      <span>DISCOVERY NODE<\/span>\n      <span class=\"pi-status-dot\">ACTIVE<\/span>\n    <\/div>\n  <\/article>\n\n  <article class=\"pi-panel pi-panel--status\">\n    <div class=\"pi-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"pi-panel__meta\">\n      <span>INTELLIGENCE STATE<\/span>\n      <span>02:14:08<\/span>\n    <\/div>\n\n    <div class=\"pi-status-heading\">\n      <span>DISCOVERY PHASE<\/span>\n\n      <strong>\n        PROJECT\n        <em>INTELLIGENCE<\/em>\n      <\/strong>\n    <\/div>\n\n    <div class=\"pi-progress\">\n      <div class=\"pi-progress__label\">\n        <span>DATA ACQUISITION<\/span>\n        <span>76.8%<\/span>\n      <\/div>\n\n      <div class=\"pi-progress__track\">\n        <i><\/i>\n      <\/div>\n    <\/div>\n\n    <div class=\"pi-data-row\">\n      <span>INPUT CHANNELS<\/span>\n      <strong>05<\/strong>\n    <\/div>\n\n    <div class=\"pi-data-row\">\n      <span>DISCOVERY STATE<\/span>\n      <strong>OPEN<\/strong>\n    <\/div>\n  <\/article>\n\n  <article class=\"pi-panel pi-panel--title\">\n    <div class=\"pi-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"pi-panel__index\">\n      <span>MODULE<\/span>\n      <strong>DISCOVERY.02<\/strong>\n    <\/div>\n\n    <p class=\"pi-kicker\">DISCOVERY PHASE<\/p>\n\n    <h2>\n      <span class=\"pi-title-main\">PROJECT<\/span>\n      <span class=\"pi-title-accent\">INTELLIGENCE<\/span>\n    <\/h2>\n\n    <div class=\"pi-title-line\" aria-hidden=\"true\">\n      <i><\/i>\n      <b><\/b>\n      <i><\/i>\n    <\/div>\n\n    <div class=\"pi-title-data\">\n      <span>SCAN \/ REQUIREMENTS<\/span>\n      <span>MODE \/ DEEP ANALYSIS<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"pi-core-stage\" aria-hidden=\"true\">\n    <div class=\"pi-core-stage__axis pi-core-stage__axis--x\"><\/div>\n    <div class=\"pi-core-stage__axis pi-core-stage__axis--y\"><\/div>\n\n    <span class=\"pi-core-marker pi-core-marker--01\">GOALS<\/span>\n    <span class=\"pi-core-marker pi-core-marker--02\">CONTENT<\/span>\n    <span class=\"pi-core-marker pi-core-marker--03\">DEADLINES<\/span>\n\n    <div class=\"pi-core\">\n      <div class=\"pi-core__scan\"><\/div>\n\n      <div class=\"pi-core__radar\"><\/div>\n\n      <div class=\"pi-core__orbit pi-core__orbit--01\"><\/div>\n      <div class=\"pi-core__orbit pi-core__orbit--02\"><\/div>\n      <div class=\"pi-core__orbit pi-core__orbit--03\"><\/div>\n\n      <div class=\"pi-core__wireframe\">\n        <svg viewBox=\"0 0 400 400\" role=\"presentation\">\n          <g\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-linejoin=\"round\"\n          >\n            <circle\n              cx=\"200\"\n              cy=\"200\"\n              r=\"170\"\n              stroke-width=\"1\"\n              opacity=\".25\"\n            \/>\n\n            <circle\n              cx=\"200\"\n              cy=\"200\"\n              r=\"135\"\n              stroke-width=\"1\"\n              stroke-dasharray=\"4 8\"\n              opacity=\".24\"\n            \/>\n\n            <polygon\n              points=\"200,45 335,122 335,278 200,355 65,278 65,122\"\n              stroke-width=\"1.3\"\n              opacity=\".88\"\n            \/>\n\n            <polygon\n              points=\"200,90 295,145 295,255 200,310 105,255 105,145\"\n              stroke-width=\"1\"\n              opacity=\".64\"\n            \/>\n\n            <polygon\n              points=\"200,128 262,164 262,236 200,272 138,236 138,164\"\n              stroke-width=\"1\"\n              opacity=\".82\"\n            \/>\n\n            <path\n              d=\"\n                M200 45L200 355\n                M65 122L335 278\n                M335 122L65 278\n                M105 145L295 255\n                M295 145L105 255\n              \"\n              stroke-width=\".8\"\n              opacity=\".36\"\n            \/>\n\n            <path\n              d=\"\n                M200 90L200 128\n                M295 145L262 164\n                M295 255L262 236\n                M200 310L200 272\n                M105 255L138 236\n                M105 145L138 164\n              \"\n              stroke-width=\"1\"\n              opacity=\".68\"\n            \/>\n\n            <path\n              d=\"M200 128L262 236L138 236Z\"\n              stroke-width=\"1.15\"\n              opacity=\".82\"\n            \/>\n\n            <path\n              d=\"M200 272L262 164L138 164Z\"\n              stroke-width=\"1.15\"\n              opacity=\".56\"\n            \/>\n\n            <ellipse\n              cx=\"200\"\n              cy=\"200\"\n              rx=\"170\"\n              ry=\"55\"\n              stroke-width=\".8\"\n              opacity=\".29\"\n            \/>\n\n            <ellipse\n              cx=\"200\"\n              cy=\"200\"\n              rx=\"66\"\n              ry=\"170\"\n              stroke-width=\".8\"\n              opacity=\".29\"\n            \/>\n          <\/g>\n\n          <g fill=\"currentColor\">\n            <circle cx=\"200\" cy=\"45\" r=\"3\" \/>\n            <circle cx=\"335\" cy=\"122\" r=\"3\" \/>\n            <circle cx=\"335\" cy=\"278\" r=\"3\" \/>\n            <circle cx=\"200\" cy=\"355\" r=\"3\" \/>\n            <circle cx=\"65\" cy=\"278\" r=\"3\" \/>\n            <circle cx=\"65\" cy=\"122\" r=\"3\" \/>\n\n            <circle cx=\"200\" cy=\"128\" r=\"2.5\" \/>\n            <circle cx=\"262\" cy=\"164\" r=\"2.5\" \/>\n            <circle cx=\"262\" cy=\"236\" r=\"2.5\" \/>\n            <circle cx=\"200\" cy=\"272\" r=\"2.5\" \/>\n            <circle cx=\"138\" cy=\"236\" r=\"2.5\" \/>\n            <circle cx=\"138\" cy=\"164\" r=\"2.5\" \/>\n          <\/g>\n        <\/svg>\n      <\/div>\n\n      <div class=\"pi-core__center\">\n        <span><\/span>\n        <i><\/i>\n      <\/div>\n\n      <div class=\"pi-particle pi-particle--01\"><\/div>\n      <div class=\"pi-particle pi-particle--02\"><\/div>\n      <div class=\"pi-particle pi-particle--03\"><\/div>\n      <div class=\"pi-particle pi-particle--04\"><\/div>\n      <div class=\"pi-particle pi-particle--05\"><\/div>\n      <div class=\"pi-particle pi-particle--06\"><\/div>\n      <div class=\"pi-particle pi-particle--07\"><\/div>\n    <\/div>\n\n    <div class=\"pi-core-caption\">\n      <span>INTELLIGENCE MATRIX<\/span>\n      <strong>DATA SYNCHRONIZED<\/strong>\n    <\/div>\n  <\/div>\n\n  <article class=\"pi-panel pi-panel--requirements\">\n    <div class=\"pi-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"pi-requirements__header\">\n      <span>REQUIREMENTS INPUT<\/span>\n      <small>STRUCTURED DISCOVERY<\/small>\n    <\/div>\n\n    <div class=\"pi-requirements__heading\">\n      <span>REQUIREMENTS<\/span>\n      <strong>GATHERING<\/strong>\n    <\/div>\n\n    <p>\n      At this stage, we collect all the essential details about your\n      project \u2014 goals, functionality, content, preferences, and\n      deadlines.\n    <\/p>\n\n    <div class=\"pi-requirements__tags\">\n      <span>GOALS<\/span>\n      <span>FUNCTIONALITY<\/span>\n      <span>CONTENT<\/span>\n      <span>PREFERENCES<\/span>\n      <span>DEADLINES<\/span>\n    <\/div>\n\n    <div class=\"pi-requirements__scanner\" aria-hidden=\"true\">\n      <i><\/i>\n    <\/div>\n  <\/article>\n\n  <article class=\"pi-panel pi-panel--matrix\">\n    <div class=\"pi-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"pi-mini-header\">\n      <span>DISCOVERY MATRIX<\/span>\n      <span>05 PARAMETERS<\/span>\n    <\/div>\n\n    <div class=\"pi-matrix\">\n      <div>\n        <span>GOALS<\/span>\n        <i style=\"--pi-level: 92%\"><\/i>\n        <strong>92<\/strong>\n      <\/div>\n\n      <div>\n        <span>FUNCTION<\/span>\n        <i style=\"--pi-level: 78%\"><\/i>\n        <strong>78<\/strong>\n      <\/div>\n\n      <div>\n        <span>CONTENT<\/span>\n        <i style=\"--pi-level: 64%\"><\/i>\n        <strong>64<\/strong>\n      <\/div>\n\n      <div>\n        <span>STYLE<\/span>\n        <i style=\"--pi-level: 86%\"><\/i>\n        <strong>86<\/strong>\n      <\/div>\n\n      <div>\n        <span>TIMELINE<\/span>\n        <i style=\"--pi-level: 71%\"><\/i>\n        <strong>71<\/strong>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"pi-panel pi-panel--topology\">\n    <div class=\"pi-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"pi-mini-header\">\n      <span>PROJECT TOPOLOGY<\/span>\n      <span>LIVE MAP<\/span>\n    <\/div>\n\n    <div class=\"pi-topology\" aria-hidden=\"true\">\n      <span class=\"pi-node pi-node--center\"><\/span>\n      <span class=\"pi-node pi-node--01\"><\/span>\n      <span class=\"pi-node pi-node--02\"><\/span>\n      <span class=\"pi-node pi-node--03\"><\/span>\n      <span class=\"pi-node pi-node--04\"><\/span>\n      <span class=\"pi-node pi-node--05\"><\/span>\n\n      <i class=\"pi-link pi-link--01\"><\/i>\n      <i class=\"pi-link pi-link--02\"><\/i>\n      <i class=\"pi-link pi-link--03\"><\/i>\n      <i class=\"pi-link pi-link--04\"><\/i>\n      <i class=\"pi-link pi-link--05\"><\/i>\n\n      <b>PROJECT<\/b>\n    <\/div>\n\n    <div class=\"pi-topology__footer\">\n      <span>05 DATA CLUSTERS<\/span>\n      <span>SYNC 99.2%<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"pi-timeline\">\n    <div class=\"pi-timeline__label\">\n      <span>PROCESS FLOW<\/span>\n      <strong>DISCOVERY PROTOCOL<\/strong>\n    <\/div>\n\n    <div class=\"pi-timeline__track\">\n      <div class=\"pi-timeline__progress\"><\/div>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        CONTACT\n      <\/span>\n\n      <span class=\"is-active\">\n        <i><\/i>\n        DISCOVERY\n      <\/span>\n\n      <span>\n        <i><\/i>\n        SCOPE\n      <\/span>\n\n      <span>\n        <i><\/i>\n        PROPOSAL\n      <\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"pi-microtext pi-microtext--left\" aria-hidden=\"true\">\n    DISCOVERY_MODE \/\/ ACTIVE<br>\n    REQUIREMENT_SCAN \/\/ 76.8<br>\n    DATA_CHANNELS \/\/ 05\n  <\/div>\n\n  <div class=\"pi-microtext pi-microtext--right\" aria-hidden=\"true\">\n    PROJECT.INTEL.02<br>\n    STRUCTURED ANALYSIS<br>\n    SYSTEM REVISION 25.4\n  <\/div>\n<\/section>\n\n<style>\n  .pi-hud {\n    --pi-cyan: #eadbc8;\n    --pi-cyan-strong: #eadbc8;\n    --pi-blue: #702b3d;\n    --pi-violet: #702b3d;\n    --pi-white: #eadbc8;\n\n    --pi-line: rgba(234, 219, 200, 0.295);\n    --pi-line-soft: rgba(234, 219, 200, 0.118);\n\n    --pi-mx: 0;\n    --pi-my: 0;\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    min-height: clamp(700px, 84vh, 940px);\n\n    overflow: hidden;\n    isolation: isolate;\n    contain: layout paint style;\n\n    perspective: 1200px;\n\n    color: var(--pi-white);\n    background: transparent;\n\n    font-family:\n      \"Arial Narrow\",\n      \"Roboto Condensed\",\n      \"Helvetica Neue\",\n      Arial,\n      sans-serif;\n\n    text-transform: uppercase;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .pi-hud *,\n  .pi-hud *::before,\n  .pi-hud *::after {\n    box-sizing: border-box;\n  }\n\n  .pi-hud * {\n    min-width: 0;\n  }\n\n  .pi-hud::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 20;\n    inset: 0;\n\n    pointer-events: none;\n\n    background: repeating-linear-gradient(\n      180deg,\n      transparent 0,\n      transparent 5px,\n      rgba(234, 219, 200, 0.021) 6px\n    );\n\n    opacity: 0.46;\n  }\n\n  .pi-topbar {\n    position: absolute;\n    z-index: 9;\n\n    top: 22px;\n    left: 3%;\n    right: 3%;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n\n    color: rgba(234, 219, 200, 0.59);\n\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: 0.23em;\n\n    white-space: nowrap;\n  }\n\n  .pi-topbar::after {\n    content: \"\";\n\n    position: absolute;\n    top: calc(100% + 10px);\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      var(--pi-line),\n      transparent 24%,\n      transparent 76%,\n      var(--pi-line)\n    );\n  }\n\n  .pi-topbar__center {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .pi-topbar__center i {\n    display: block;\n\n    width: 34px;\n    height: 1px;\n\n    background: var(--pi-line);\n  }\n\n  .pi-online {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    color: var(--pi-cyan);\n  }\n\n  .pi-online b {\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--pi-cyan);\n    box-shadow: 0 0 10px rgba(234, 219, 200, 0.944);\n\n    animation: piBlink 3.2s ease-in-out infinite;\n  }\n\n  .pi-panel {\n    position: absolute;\n    z-index: 5;\n\n    padding: 18px;\n    overflow: hidden;\n\n    border: 1px solid var(--pi-line);\n\n    background: linear-gradient(\n      135deg,\n      rgba(18, 7, 10, 0.78),\n      rgba(18, 7, 10, 0.38)\n    );\n\n    box-shadow:\n      inset 0 0 28px rgba(234, 219, 200, 0.029),\n      0 18px 60px rgba(0, 0, 0, 0.16);\n\n    outline: none;\n\n    transform:\n      translate3d(\n        calc(var(--pi-mx) * var(--pi-shift-x, 0px)),\n        calc(var(--pi-my) * var(--pi-shift-y, 0px)),\n        0\n      );\n\n    transition:\n      border-color 350ms ease,\n      box-shadow 450ms ease,\n      background-color 450ms ease;\n  }\n\n  .pi-panel::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: 0;\n    left: -90%;\n\n    width: 46%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.077),\n      transparent\n    );\n\n    transform: skewX(-16deg);\n\n    transition:\n      left 750ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .pi-panel::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: -30%;\n    left: 0;\n    right: 0;\n\n    height: 24px;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.106),\n      transparent\n    );\n\n    opacity: 0;\n  }\n\n  .pi-panel:hover,\n  .pi-panel:focus-visible,\n  .pi-panel.is-touch-active {\n    border-color: rgba(234, 219, 200, 0.684);\n\n    box-shadow:\n      inset 0 0 34px rgba(234, 219, 200, 0.053),\n      0 0 24px rgba(234, 219, 200, 0.071),\n      0 18px 60px rgba(0, 0, 0, 0.2);\n  }\n\n  .pi-panel:hover::before,\n  .pi-panel:focus-visible::before,\n  .pi-panel.is-touch-active::before {\n    left: 145%;\n  }\n\n  .pi-panel:hover::after,\n  .pi-panel:focus-visible::after,\n  .pi-panel.is-touch-active::after {\n    opacity: 1;\n\n    animation:\n      piPanelScan 2.3s linear infinite;\n  }\n\n  .pi-panel > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .pi-panel__corners {\n    position: absolute;\n    z-index: 2;\n\n    inset: 7px;\n\n    pointer-events: none;\n\n    background:\n      linear-gradient(var(--pi-cyan), var(--pi-cyan)) left top \/ 11px 1px no-repeat,\n      linear-gradient(var(--pi-cyan), var(--pi-cyan)) left top \/ 1px 11px no-repeat,\n      linear-gradient(var(--pi-cyan), var(--pi-cyan)) right top \/ 11px 1px no-repeat,\n      linear-gradient(var(--pi-cyan), var(--pi-cyan)) right top \/ 1px 11px no-repeat,\n      linear-gradient(var(--pi-cyan), var(--pi-cyan)) left bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--pi-cyan), var(--pi-cyan)) left bottom \/ 1px 11px no-repeat,\n      linear-gradient(var(--pi-cyan), var(--pi-cyan)) right bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--pi-cyan), var(--pi-cyan)) right bottom \/ 1px 11px no-repeat;\n\n    opacity: 0.54;\n  }\n\n  .pi-panel__meta,\n  .pi-panel__footer,\n  .pi-progress__label,\n  .pi-data-row,\n  .pi-title-data,\n  .pi-mini-header,\n  .pi-topology__footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n\n    color: rgba(234, 219, 200, 0.507);\n\n    font-size: 7px;\n    font-weight: 600;\n    line-height: 1.3;\n    letter-spacing: 0.16em;\n  }\n\n  .pi-panel--step {\n    --pi-shift-x: -6px;\n    --pi-shift-y: -4px;\n\n    top: 13%;\n    left: 3.5%;\n\n    width: clamp(205px, 17vw, 270px);\n  }\n\n  .pi-step-display {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 8px;\n\n    margin: 14px 0 10px;\n  }\n\n  .pi-step-digit {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    height: clamp(82px, 8vw, 118px);\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(234, 219, 200, 0.041),\n        rgba(234, 219, 200, 0.006)\n      );\n\n    clip-path: polygon(\n      0 10px,\n      10px 0,\n      100% 0,\n      100% calc(100% - 10px),\n      calc(100% - 10px) 100%,\n      0 100%\n    );\n  }\n\n  .pi-step-digit::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 8px;\n    left: 8px;\n    right: 8px;\n\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      var(--pi-cyan),\n      transparent\n    );\n\n    opacity: 0.35;\n  }\n\n  .pi-step-digit::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 8px;\n    bottom: 8px;\n\n    width: 15px;\n    height: 1px;\n\n    background: var(--pi-line);\n  }\n\n  .pi-step-digit > span {\n    color: transparent;\n\n    font-size: clamp(58px, 6.5vw, 94px);\n    font-weight: 300;\n    line-height: 0.8;\n    letter-spacing: -0.08em;\n\n    font-variant-numeric: tabular-nums;\n\n    -webkit-text-stroke:\n      1px rgba(234, 219, 200, 0.59);\n\n    transform: translateY(-2px);\n  }\n\n  .pi-step-digit > i {\n    position: absolute;\n\n    top: 50%;\n    right: 7px;\n\n    width: 3px;\n    height: 28%;\n\n    background: repeating-linear-gradient(\n      180deg,\n      var(--pi-cyan) 0 2px,\n      transparent 2px 5px\n    );\n\n    opacity: 0.3;\n\n    transform: translateY(-50%);\n  }\n\n  .pi-step-digit > b {\n    position: absolute;\n\n    bottom: 7px;\n    left: 8px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 5px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n  }\n\n  .pi-step-digit--active {\n    border-color: rgba(234, 219, 200, 0.566);\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(112, 43, 61, 0.09),\n        rgba(234, 219, 200, 0.047)\n      );\n\n    box-shadow:\n      inset 0 0 22px rgba(234, 219, 200, 0.059);\n  }\n\n  .pi-step-digit--active > span {\n    color: rgba(234, 219, 200, 0.077);\n\n    -webkit-text-stroke-color: var(--pi-cyan);\n\n    text-shadow:\n      0 0 18px rgba(234, 219, 200, 0.177);\n  }\n\n  .pi-step-digit--active > b {\n    color: var(--pi-cyan);\n  }\n\n  .pi-status-dot {\n    color: var(--pi-cyan);\n  }\n\n  .pi-status-dot::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 4px;\n    height: 4px;\n    margin-right: 7px;\n\n    border-radius: 50%;\n\n    background: var(--pi-cyan);\n    box-shadow: 0 0 8px var(--pi-cyan);\n  }\n\n  .pi-panel--status {\n    --pi-shift-x: 8px;\n    --pi-shift-y: -5px;\n\n    top: 13%;\n    right: 4%;\n\n    width: clamp(250px, 22vw, 340px);\n  }\n\n  .pi-status-heading {\n    margin: 24px 0 22px;\n  }\n\n  .pi-status-heading > span {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--pi-violet);\n\n    font-size: 9px;\n    letter-spacing: 0.28em;\n  }\n\n  .pi-status-heading strong {\n    display: block;\n\n    color: var(--pi-white);\n\n    font-size: clamp(19px, 1.8vw, 28px);\n    font-weight: 300;\n    line-height: 1;\n    letter-spacing: 0.1em;\n  }\n\n  .pi-status-heading em {\n    display: block;\n\n    margin-top: 5px;\n\n    color: var(--pi-cyan);\n\n    font-size: 0.78em;\n    font-style: normal;\n    letter-spacing: 0.055em;\n\n    white-space: nowrap;\n  }\n\n  .pi-progress {\n    margin-bottom: 18px;\n  }\n\n  .pi-progress__track {\n    height: 3px;\n    margin-top: 9px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.118);\n  }\n\n  .pi-progress__track i {\n    display: block;\n\n    width: 76.8%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      var(--pi-violet),\n      var(--pi-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      piProgress 3.2s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .pi-data-row {\n    padding: 8px 0;\n\n    border-top: 1px solid var(--pi-line-soft);\n  }\n\n  .pi-data-row strong {\n    color: var(--pi-cyan);\n\n    font-size: 8px;\n    font-weight: 500;\n\n    white-space: nowrap;\n  }\n\n  .pi-panel--title {\n    --pi-shift-x: -11px;\n    --pi-shift-y: 8px;\n\n    top: 43%;\n    left: 4%;\n\n    width: clamp(300px, 27vw, 410px);\n    padding: clamp(21px, 2vw, 32px);\n  }\n\n  .pi-panel__index {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n\n    margin-bottom: 27px;\n\n    color: rgba(234, 219, 200, 0.472);\n\n    font-size: 8px;\n    letter-spacing: 0.2em;\n  }\n\n  .pi-panel__index strong {\n    color: var(--pi-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n  }\n\n  .pi-kicker {\n    margin: 0 0 8px;\n\n    color: var(--pi-violet);\n\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 0.3em;\n  }\n\n  .pi-panel--title h2 {\n    width: 100%;\n    margin: 0;\n\n    overflow: visible;\n\n    font-weight: 300;\n    line-height: 0.94;\n  }\n\n  .pi-title-main,\n  .pi-title-accent {\n    display: block;\n\n    width: 100%;\n    max-width: 100%;\n\n    white-space: nowrap;\n\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  .pi-title-main {\n    color: var(--pi-white);\n\n    font-size: clamp(30px, 3.25vw, 53px);\n    letter-spacing: 0.07em;\n  }\n\n  .pi-title-accent {\n    margin-top: 9px;\n\n    color: var(--pi-cyan);\n\n    font-size: clamp(24px, 2.55vw, 42px);\n    letter-spacing: clamp(0.02em, 0.09vw, 0.055em);\n\n    text-shadow:\n      0 0 22px rgba(234, 219, 200, 0.201);\n  }\n\n  .pi-title-line {\n    display: grid;\n    grid-template-columns: 1fr 5px 0.34fr;\n    align-items: center;\n    gap: 8px;\n\n    margin: 23px 0 14px;\n  }\n\n  .pi-title-line i {\n    display: block;\n\n    height: 1px;\n\n    background: var(--pi-line);\n  }\n\n  .pi-title-line b {\n    width: 5px;\n    height: 5px;\n\n    background: var(--pi-cyan);\n    box-shadow: 0 0 9px var(--pi-cyan);\n  }\n\n  .pi-panel--requirements {\n    --pi-shift-x: 12px;\n    --pi-shift-y: 8px;\n\n    top: 42%;\n    right: 3%;\n\n    width: clamp(300px, 27vw, 420px);\n    padding: clamp(21px, 2vw, 30px);\n  }\n\n  .pi-requirements__header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 15px;\n  }\n\n  .pi-requirements__header span {\n    color: var(--pi-cyan);\n\n    font-size: 8px;\n    letter-spacing: 0.22em;\n  }\n\n  .pi-requirements__header small {\n    color: rgba(234, 219, 200, 0.401);\n\n    font-size: 7px;\n    letter-spacing: 0.14em;\n  }\n\n  .pi-requirements__heading {\n    margin: 23px 0 16px;\n  }\n\n  .pi-requirements__heading span,\n  .pi-requirements__heading strong {\n    display: block;\n  }\n\n  .pi-requirements__heading span {\n    color: rgba(234, 219, 200, 0.684);\n\n    font-size: 10px;\n    letter-spacing: 0.24em;\n  }\n\n  .pi-requirements__heading strong {\n    margin-top: 5px;\n\n    color: var(--pi-cyan);\n\n    font-size: clamp(21px, 2vw, 30px);\n    font-weight: 300;\n    letter-spacing: 0.13em;\n\n    white-space: nowrap;\n  }\n\n  .pi-panel--requirements p {\n    max-width: 35em;\n    margin: 0 0 22px;\n\n    color: rgba(234, 219, 200, 0.92);\n\n    font-size: clamp(12px, 1vw, 15px);\n    font-weight: 300;\n    line-height: 1.72;\n    letter-spacing: 0.055em;\n\n    text-transform: none;\n\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  .pi-requirements__tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n\n    max-width: calc(100% - 42px);\n  }\n\n  .pi-requirements__tags span {\n    padding: 6px 8px;\n\n    border: 1px solid rgba(234, 219, 200, 0.201);\n\n    background: rgba(234, 219, 200, 0.029);\n\n    color: rgba(234, 219, 200, 0.826);\n\n    font-size: 7px;\n    letter-spacing: 0.13em;\n\n    white-space: nowrap;\n  }\n\n  .pi-requirements__scanner {\n    position: absolute;\n\n    right: 14px;\n    bottom: 14px;\n\n    width: 42px;\n    height: 42px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n    border-radius: 50%;\n  }\n\n  .pi-requirements__scanner::before,\n  .pi-requirements__scanner::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.26);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .pi-requirements__scanner::before {\n    width: 74%;\n    height: 1px;\n  }\n\n  .pi-requirements__scanner::after {\n    width: 1px;\n    height: 74%;\n  }\n\n  .pi-requirements__scanner i {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 50%;\n    height: 50%;\n\n    background: conic-gradient(\n      from -28deg,\n      rgba(234, 219, 200, 0.224),\n      transparent 42deg\n    );\n\n    transform-origin: 0 0;\n\n    animation:\n      piRadar 8s linear infinite;\n  }\n\n  .pi-core-stage {\n    position: absolute;\n    z-index: 3;\n\n    top: 47%;\n    left: 50%;\n\n    width: clamp(340px, 37vw, 575px);\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 0)\n      rotateX(calc(var(--pi-my) * -5deg))\n      rotateY(calc(var(--pi-mx) * 7deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .pi-core-stage::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 4%;\n\n    border: 1px solid rgba(234, 219, 200, 0.088);\n    border-radius: 50%;\n\n    box-shadow:\n      inset 0 0 80px rgba(234, 219, 200, 0.029),\n      0 0 75px rgba(234, 219, 200, 0.029);\n  }\n\n  .pi-core-stage__axis {\n    position: absolute;\n    z-index: -1;\n\n    top: 50%;\n    left: 50%;\n  }\n\n  .pi-core-stage__axis--x {\n    width: 125%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .pi-core-stage__axis--y {\n    width: 1px;\n    height: 125%;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .pi-core {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 77%;\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 70px)\n      rotateX(calc(var(--pi-my) * -4deg))\n      rotateY(calc(var(--pi-mx) * 5deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .pi-core__wireframe {\n    position: absolute;\n    inset: 7%;\n\n    color: var(--pi-cyan);\n\n    border-radius: 50%;\n\n    background: radial-gradient(\n      circle,\n      rgba(234, 219, 200, 0.029),\n      rgba(112, 43, 61, 0.014) 48%,\n      transparent 72%\n    );\n\n    transform: translateZ(42px);\n  }\n\n  .pi-core__wireframe svg {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: visible;\n\n    filter:\n      drop-shadow(0 0 5px rgba(234, 219, 200, 0.189));\n\n    animation:\n      piWirePulse 7.5s ease-in-out infinite;\n  }\n\n  .pi-core__orbit {\n    position: absolute;\n    inset: 0;\n\n    border: 1px solid rgba(234, 219, 200, 0.319);\n    border-radius: 50%;\n\n    transform-style: preserve-3d;\n  }\n\n  .pi-core__orbit::before,\n  .pi-core__orbit::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--pi-cyan);\n    box-shadow: 0 0 11px rgba(234, 219, 200, 0.944);\n  }\n\n  .pi-core__orbit::before {\n    top: -3px;\n    left: 50%;\n  }\n\n  .pi-core__orbit::after {\n    right: 10%;\n    bottom: 18%;\n\n    width: 3px;\n    height: 3px;\n  }\n\n  .pi-core__orbit--01 {\n    transform: rotateX(68deg) rotateZ(14deg);\n\n    animation:\n      piOrbitOne 23s linear infinite;\n  }\n\n  .pi-core__orbit--02 {\n    inset: 5%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n\n    transform: rotateY(69deg) rotateZ(32deg);\n\n    animation:\n      piOrbitTwo 29s linear infinite reverse;\n  }\n\n  .pi-core__orbit--03 {\n    inset: 13%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n    border-style: dashed;\n\n    transform: rotateX(56deg) rotateY(44deg);\n\n    animation:\n      piOrbitThree 36s linear infinite;\n  }\n\n  .pi-core__radar {\n    position: absolute;\n    inset: -7%;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.118);\n    border-radius: 50%;\n\n    transform: translateZ(-30px);\n  }\n\n  .pi-core__radar::before,\n  .pi-core__radar::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.094);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .pi-core__radar::before {\n    width: 100%;\n    height: 1px;\n  }\n\n  .pi-core__radar::after {\n    width: 1px;\n    height: 100%;\n  }\n\n  .pi-core__scan {\n    position: absolute;\n    z-index: 8;\n\n    top: 12%;\n    left: 10%;\n\n    width: 80%;\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--pi-cyan),\n      transparent\n    );\n\n    box-shadow:\n      0 0 14px rgba(234, 219, 200, 0.59);\n\n    opacity: 0.58;\n\n    animation:\n      piCoreScan 7.4s ease-in-out infinite;\n  }\n\n  .pi-core__center {\n    position: absolute;\n    z-index: 9;\n\n    top: 50%;\n    left: 50%;\n\n    width: 18px;\n    height: 18px;\n\n    border: 1px solid rgba(234, 219, 200, 0.885);\n    border-radius: 2px;\n\n    background: rgba(234, 219, 200, 0.094);\n\n    transform:\n      translate3d(-50%, -50%, 100px)\n      rotate(45deg);\n\n    animation:\n      piCenterPulse 4.8s ease-in-out infinite;\n  }\n\n  .pi-core__center::before,\n  .pi-core__center::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: var(--pi-cyan);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .pi-core__center::before {\n    width: 5px;\n    height: 1px;\n  }\n\n  .pi-core__center::after {\n    width: 1px;\n    height: 5px;\n  }\n\n  .pi-core__center span {\n    position: absolute;\n    inset: -12px;\n\n    border: 1px dashed rgba(234, 219, 200, 0.354);\n    border-radius: 50%;\n\n    animation:\n      piRadar 13s linear infinite;\n  }\n\n  .pi-core__center i {\n    position: absolute;\n    inset: -24px;\n\n    border: 1px solid rgba(112, 43, 61, 0.16);\n    border-radius: 50%;\n  }\n\n  .pi-particle {\n    position: absolute;\n\n    width: 3px;\n    height: 3px;\n\n    border-radius: 50%;\n\n    background: var(--pi-cyan);\n    box-shadow: 0 0 7px var(--pi-cyan);\n\n    animation:\n      piParticle 6.4s ease-in-out infinite;\n  }\n\n  .pi-particle--01 {\n    top: 15%;\n    left: 23%;\n    animation-delay: -0.4s;\n  }\n\n  .pi-particle--02 {\n    top: 27%;\n    right: 12%;\n    animation-delay: -1.7s;\n  }\n\n  .pi-particle--03 {\n    right: 17%;\n    bottom: 18%;\n    animation-delay: -3.1s;\n  }\n\n  .pi-particle--04 {\n    bottom: 10%;\n    left: 40%;\n    animation-delay: -1.1s;\n  }\n\n  .pi-particle--05 {\n    top: 53%;\n    left: 5%;\n    animation-delay: -2.4s;\n  }\n\n  .pi-particle--06 {\n    top: 7%;\n    left: 58%;\n\n    background: var(--pi-violet);\n    box-shadow: 0 0 7px var(--pi-violet);\n\n    animation-delay: -3.8s;\n  }\n\n  .pi-particle--07 {\n    right: 3%;\n    bottom: 43%;\n\n    background: var(--pi-blue);\n    box-shadow: 0 0 7px var(--pi-blue);\n\n    animation-delay: -4.7s;\n  }\n\n  .pi-core-marker {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.496);\n\n    font-size: 7px;\n    letter-spacing: 0.14em;\n  }\n\n  .pi-core-marker::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 17px;\n    height: 1px;\n    margin-right: 7px;\n\n    vertical-align: middle;\n\n    background: rgba(234, 219, 200, 0.26);\n  }\n\n  .pi-core-marker--01 {\n    top: 19%;\n    left: 0;\n  }\n\n  .pi-core-marker--02 {\n    top: 35%;\n    right: -2%;\n  }\n\n  .pi-core-marker--03 {\n    bottom: 18%;\n    left: 3%;\n  }\n\n  .pi-core-caption {\n    position: absolute;\n\n    bottom: 3%;\n    left: 50%;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n\n    white-space: nowrap;\n\n    transform: translateX(-50%);\n  }\n\n  .pi-core-caption span {\n    color: rgba(234, 219, 200, 0.425);\n\n    font-size: 7px;\n    letter-spacing: 0.26em;\n  }\n\n  .pi-core-caption strong {\n    color: var(--pi-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.3em;\n\n    text-shadow:\n      0 0 10px rgba(234, 219, 200, 0.378);\n  }\n\n  .pi-panel--matrix {\n    --pi-shift-x: -7px;\n    --pi-shift-y: 5px;\n\n    left: 3.5%;\n    bottom: 10%;\n\n    width: clamp(235px, 22vw, 335px);\n    padding: 14px 16px;\n  }\n\n  .pi-matrix {\n    display: grid;\n    gap: 8px;\n\n    margin-top: 13px;\n  }\n\n  .pi-matrix > div {\n    display: grid;\n    grid-template-columns: 72px 1fr 20px;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .pi-matrix span,\n  .pi-matrix strong {\n    color: rgba(234, 219, 200, 0.519);\n\n    font-size: 7px;\n    font-weight: 500;\n    letter-spacing: 0.12em;\n  }\n\n  .pi-matrix strong {\n    color: var(--pi-cyan);\n    text-align: right;\n  }\n\n  .pi-matrix i {\n    position: relative;\n\n    display: block;\n\n    height: 2px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.106);\n  }\n\n  .pi-matrix i::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0 auto 0 0;\n\n    width: var(--pi-level);\n\n    background: linear-gradient(\n      90deg,\n      var(--pi-violet),\n      var(--pi-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      piBar 3s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .pi-panel--topology {\n    --pi-shift-x: 7px;\n    --pi-shift-y: 5px;\n\n    right: 3.5%;\n    bottom: 10%;\n\n    width: clamp(225px, 20vw, 315px);\n    padding: 14px 16px;\n  }\n\n  .pi-topology {\n    position: relative;\n\n    height: 88px;\n    margin-top: 7px;\n  }\n\n  .pi-topology::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 50px;\n    height: 50px;\n\n    border: 1px solid rgba(234, 219, 200, 0.177);\n    border-radius: 50%;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .pi-topology b {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    color: var(--pi-white);\n\n    font-size: 7px;\n    font-weight: 500;\n    letter-spacing: 0.13em;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .pi-node {\n    position: absolute;\n    z-index: 2;\n\n    width: 6px;\n    height: 6px;\n\n    border: 1px solid var(--pi-cyan);\n    border-radius: 50%;\n\n    background: rgba(234, 219, 200, 0.295);\n    box-shadow: 0 0 8px rgba(234, 219, 200, 0.448);\n  }\n\n  .pi-node--center {\n    top: calc(50% - 3px);\n    left: calc(50% - 3px);\n  }\n\n  .pi-node--01 {\n    top: 8%;\n    left: 11%;\n  }\n\n  .pi-node--02 {\n    top: 10%;\n    right: 14%;\n  }\n\n  .pi-node--03 {\n    right: 7%;\n    bottom: 8%;\n  }\n\n  .pi-node--04 {\n    bottom: 4%;\n    left: 22%;\n  }\n\n  .pi-node--05 {\n    top: 48%;\n    left: 7%;\n  }\n\n  .pi-link {\n    position: absolute;\n    z-index: 1;\n\n    top: 50%;\n    left: 50%;\n\n    width: 43%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      rgba(234, 219, 200, 0.496),\n      rgba(234, 219, 200, 0.035)\n    );\n\n    transform-origin: left center;\n  }\n\n  .pi-link--01 {\n    transform: rotate(-151deg);\n  }\n\n  .pi-link--02 {\n    width: 39%;\n    transform: rotate(-34deg);\n  }\n\n  .pi-link--03 {\n    width: 42%;\n    transform: rotate(31deg);\n  }\n\n  .pi-link--04 {\n    width: 36%;\n    transform: rotate(139deg);\n  }\n\n  .pi-link--05 {\n    width: 44%;\n    transform: rotate(180deg);\n  }\n\n  .pi-timeline {\n    position: absolute;\n    z-index: 7;\n\n    right: 25%;\n    bottom: 4%;\n    left: 25%;\n\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    gap: 28px;\n  }\n\n  .pi-timeline__label {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .pi-timeline__label span {\n    color: rgba(234, 219, 200, 0.354);\n\n    font-size: 7px;\n    letter-spacing: 0.17em;\n  }\n\n  .pi-timeline__label strong {\n    color: rgba(234, 219, 200, 0.791);\n\n    font-size: 8px;\n    font-weight: 500;\n    letter-spacing: 0.18em;\n  }\n\n  .pi-timeline__track {\n    position: relative;\n\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .pi-timeline__track::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 3px;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: rgba(234, 219, 200, 0.142);\n  }\n\n  .pi-timeline__progress {\n    position: absolute;\n    z-index: 1;\n\n    top: 3px;\n    left: 0;\n\n    width: 35%;\n    height: 1px;\n\n    background: var(--pi-cyan);\n    box-shadow: 0 0 7px var(--pi-cyan);\n  }\n\n  .pi-timeline__track span {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 7px;\n    letter-spacing: 0.12em;\n  }\n\n  .pi-timeline__track i {\n    width: 7px;\n    height: 7px;\n\n    border: 1px solid rgba(234, 219, 200, 0.271);\n    border-radius: 50%;\n\n    background: rgba(18, 7, 10, 0.9);\n  }\n\n  .pi-timeline__track .is-active {\n    color: var(--pi-cyan);\n  }\n\n  .pi-timeline__track .is-active i {\n    border-color: var(--pi-cyan);\n\n    background: var(--pi-cyan);\n    box-shadow: 0 0 9px var(--pi-cyan);\n  }\n\n  .pi-timeline__track .is-complete {\n    color: rgba(234, 219, 200, 0.684);\n  }\n\n  .pi-timeline__track .is-complete i {\n    border-color: rgba(234, 219, 200, 0.767);\n\n    background: rgba(234, 219, 200, 0.295);\n  }\n\n  .pi-microtext {\n    position: absolute;\n    z-index: 2;\n\n    color: rgba(234, 219, 200, 0.236);\n\n    font-family: monospace;\n    font-size: 7px;\n    line-height: 1.8;\n    letter-spacing: 0.1em;\n\n    pointer-events: none;\n  }\n\n  .pi-microtext--left {\n    top: 31%;\n    left: 1.7%;\n\n    writing-mode: vertical-rl;\n\n    transform: rotate(180deg);\n  }\n\n  .pi-microtext--right {\n    top: 29%;\n    right: 1.6%;\n\n    text-align: right;\n    writing-mode: vertical-rl;\n  }\n\n  @keyframes piBlink {\n    0%,\n    100% {\n      opacity: 0.35;\n      transform: scale(0.85);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes piPanelScan {\n    from {\n      top: -20%;\n    }\n\n    to {\n      top: 120%;\n    }\n  }\n\n  @keyframes piProgress {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes piBar {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes piRadar {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes piOrbitOne {\n    from {\n      transform:\n        rotateX(68deg)\n        rotateZ(14deg);\n    }\n\n    to {\n      transform:\n        rotateX(68deg)\n        rotateZ(374deg);\n    }\n  }\n\n  @keyframes piOrbitTwo {\n    from {\n      transform:\n        rotateY(69deg)\n        rotateZ(32deg);\n    }\n\n    to {\n      transform:\n        rotateY(69deg)\n        rotateZ(392deg);\n    }\n  }\n\n  @keyframes piOrbitThree {\n    from {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(0deg);\n    }\n\n    to {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(360deg);\n    }\n  }\n\n  @keyframes piCoreScan {\n    0%,\n    100% {\n      top: 12%;\n      opacity: 0.18;\n    }\n\n    50% {\n      top: 85%;\n      opacity: 0.7;\n    }\n  }\n\n  @keyframes piWirePulse {\n    0%,\n    100% {\n      opacity: 0.64;\n      transform: scale(0.992);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1.008);\n    }\n  }\n\n  @keyframes piCenterPulse {\n    0%,\n    100% {\n      opacity: 0.62;\n\n      transform:\n        translate3d(-50%, -50%, 100px)\n        rotate(45deg)\n        scale(0.9);\n    }\n\n    50% {\n      opacity: 1;\n\n      transform:\n        translate3d(-50%, -50%, 108px)\n        rotate(45deg)\n        scale(1.06);\n    }\n  }\n\n  @keyframes piParticle {\n    0%,\n    100% {\n      opacity: 0.18;\n\n      transform:\n        translate3d(0, 6px, 30px)\n        scale(0.7);\n    }\n\n    50% {\n      opacity: 0.9;\n\n      transform:\n        translate3d(5px, -7px, 84px)\n        scale(1.08);\n    }\n  }\n\n  .pi-hud.is-pi-paused *,\n  .pi-hud.is-pi-paused *::before,\n  .pi-hud.is-pi-paused *::after {\n    animation-play-state: paused !important;\n  }\n\n  @media (max-width: 1100px) {\n    .pi-hud {\n      min-height: 830px;\n    }\n\n    .pi-core-stage {\n      top: 45%;\n      width: clamp(320px, 43vw, 475px);\n    }\n\n    .pi-panel--title {\n      top: 45%;\n      left: 3%;\n\n      width: 30vw;\n    }\n\n    .pi-title-main {\n      font-size: clamp(25px, 3vw, 40px);\n    }\n\n    .pi-title-accent {\n      font-size: clamp(19px, 2.35vw, 32px);\n    }\n\n    .pi-panel--requirements {\n      top: 44%;\n      right: 3%;\n\n      width: 30vw;\n    }\n\n    .pi-panel--matrix,\n    .pi-panel--topology {\n      bottom: 8%;\n\n      width: 27vw;\n    }\n\n    .pi-timeline {\n      right: 29%;\n      left: 29%;\n\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    .pi-timeline__label {\n      display: none;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .pi-hud {\n      width: 100vw;\n      max-width: none;\n      min-height: 1000px;\n\n      margin-left: calc(50% - 50vw);\n\n      overflow: hidden;\n\n      perspective: 900px;\n    }\n\n    .pi-topbar {\n      top: 15px;\n      left: 10px;\n      right: 10px;\n\n      gap: 8px;\n\n      font-size: 5.5px;\n      letter-spacing: 0.09em;\n    }\n\n    .pi-topbar__center,\n    .pi-microtext {\n      display: none;\n    }\n\n    .pi-topbar > span:first-child,\n    .pi-online {\n      white-space: nowrap;\n    }\n\n    .pi-panel {\n      padding: 11px;\n\n      text-align: left;\n\n      transform: none !important;\n    }\n\n    .pi-panel::before {\n      display: none;\n    }\n\n    .pi-panel__corners {\n      inset: 5px;\n    }\n\n    .pi-panel__meta,\n    .pi-panel__footer,\n    .pi-progress__label,\n    .pi-data-row,\n    .pi-title-data,\n    .pi-mini-header,\n    .pi-topology__footer {\n      gap: 5px;\n\n      font-size: 5.5px;\n      line-height: 1.25;\n      letter-spacing: 0.07em;\n    }\n\n    .pi-panel--title {\n      top: 58px;\n      left: 10px;\n      right: 10px;\n\n      width: auto;\n      height: 145px;\n\n      padding: 14px 16px;\n    }\n\n    .pi-panel__index {\n      margin-bottom: 11px;\n\n      font-size: 6px;\n      letter-spacing: 0.12em;\n    }\n\n    .pi-panel__index strong {\n      font-size: 6px;\n    }\n\n    .pi-kicker {\n      margin-bottom: 4px;\n\n      font-size: 6.5px;\n      letter-spacing: 0.18em;\n    }\n\n    .pi-title-main {\n      font-size: clamp(21px, 6.9vw, 31px);\n      letter-spacing: 0.055em;\n    }\n\n    .pi-title-accent {\n      margin-top: 5px;\n\n      font-size: clamp(18px, 5.85vw, 27px);\n      letter-spacing: 0.025em;\n    }\n\n    .pi-title-line {\n      margin: 11px 0 7px;\n    }\n\n    .pi-panel--step {\n      top: 218px;\n      left: 10px;\n\n      width: 37%;\n      height: 154px;\n\n      padding: 10px;\n    }\n\n    .pi-step-display {\n      gap: 5px;\n\n      margin: 10px 0 7px;\n    }\n\n    .pi-step-digit {\n      height: 82px;\n    }\n\n    .pi-step-digit > span {\n      font-size: clamp(43px, 13vw, 60px);\n    }\n\n    .pi-step-digit > b {\n      bottom: 5px;\n      left: 5px;\n\n      font-size: 4px;\n      letter-spacing: 0.1em;\n    }\n\n    .pi-step-digit > i {\n      right: 4px;\n    }\n\n    .pi-panel--status {\n      top: 218px;\n      right: 10px;\n\n      width: calc(63% - 30px);\n      min-height: 177px;\n\n      padding: 11px;\n    }\n\n    .pi-status-heading {\n      margin: 13px 0 12px;\n    }\n\n    .pi-status-heading > span {\n      margin-bottom: 5px;\n\n      font-size: 5.5px;\n      letter-spacing: 0.11em;\n    }\n\n    .pi-status-heading strong {\n      font-size: clamp(14px, 4.5vw, 20px);\n      letter-spacing: 0.055em;\n    }\n\n    .pi-status-heading em {\n      margin-top: 4px;\n\n      font-size: 0.68em;\n      letter-spacing: 0.01em;\n    }\n\n    .pi-progress {\n      margin-bottom: 10px;\n    }\n\n    .pi-core-stage {\n      top: 515px;\n      left: 50%;\n\n      width: min(75vw, 300px);\n\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .pi-core {\n      transform:\n        translate3d(-50%, -50%, 65px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .pi-core-marker {\n      font-size: 5px;\n    }\n\n    .pi-core-caption span {\n      font-size: 5px;\n    }\n\n    .pi-core-caption strong {\n      font-size: 6px;\n      letter-spacing: 0.18em;\n    }\n\n    .pi-panel--requirements {\n      top: 655px;\n      left: 10px;\n      right: auto;\n\n      width: 59%;\n      min-height: 230px;\n\n      padding: 13px;\n    }\n\n    .pi-requirements__header {\n      gap: 7px;\n    }\n\n    .pi-requirements__header span {\n      font-size: 5.5px;\n      letter-spacing: 0.09em;\n    }\n\n    .pi-requirements__header small {\n      font-size: 4.7px;\n      letter-spacing: 0.05em;\n    }\n\n    .pi-requirements__heading {\n      margin: 13px 0 10px;\n    }\n\n    .pi-requirements__heading span {\n      font-size: 6px;\n      letter-spacing: 0.1em;\n    }\n\n    .pi-requirements__heading strong {\n      margin-top: 3px;\n\n      font-size: clamp(14px, 4.3vw, 19px);\n      letter-spacing: 0.045em;\n    }\n\n    .pi-panel--requirements p {\n      margin-bottom: 13px;\n\n      font-size: 9px;\n      line-height: 1.48;\n      letter-spacing: 0.02em;\n    }\n\n    .pi-requirements__tags {\n      gap: 4px;\n\n      max-width: calc(100% - 29px);\n    }\n\n    .pi-requirements__tags span {\n      padding: 4px 5px;\n\n      font-size: 4.7px;\n      letter-spacing: 0.04em;\n    }\n\n    .pi-requirements__scanner {\n      right: 8px;\n      bottom: 8px;\n\n      width: 27px;\n      height: 27px;\n    }\n\n    .pi-panel--matrix {\n      top: 655px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(41% - 30px);\n      height: 108px;\n\n      padding: 9px;\n    }\n\n    .pi-matrix {\n      gap: 5px;\n      margin-top: 8px;\n    }\n\n    .pi-matrix > div {\n      grid-template-columns: 36px 1fr 12px;\n      gap: 4px;\n    }\n\n    .pi-matrix span,\n    .pi-matrix strong {\n      font-size: 4.5px;\n      letter-spacing: 0.035em;\n    }\n\n    .pi-panel--topology {\n      top: 775px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(41% - 30px);\n      height: 110px;\n\n      padding: 9px;\n    }\n\n    .pi-topology {\n      height: 66px;\n      margin-top: 4px;\n    }\n\n    .pi-topology::before {\n      width: 36px;\n      height: 36px;\n    }\n\n    .pi-topology b {\n      font-size: 4.8px;\n      letter-spacing: 0.04em;\n    }\n\n    .pi-node {\n      width: 5px;\n      height: 5px;\n    }\n\n    .pi-topology__footer {\n      display: none;\n    }\n\n    .pi-timeline {\n      right: 14px;\n      bottom: 25px;\n      left: 14px;\n\n      display: block;\n    }\n\n    .pi-timeline__label {\n      display: none;\n    }\n\n    .pi-timeline__track span {\n      gap: 7px;\n\n      font-size: 5px;\n      letter-spacing: 0.05em;\n    }\n\n    .pi-timeline__track i {\n      width: 6px;\n      height: 6px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .pi-hud {\n      min-height: 1010px;\n    }\n\n    .pi-title-main {\n      font-size: clamp(20px, 6.7vw, 27px);\n    }\n\n    .pi-title-accent {\n      font-size: clamp(17px, 5.65vw, 23px);\n      letter-spacing: 0.015em;\n    }\n\n    .pi-panel--step {\n      width: 38%;\n    }\n\n    .pi-panel--status {\n      width: calc(62% - 30px);\n    }\n\n    .pi-step-digit {\n      height: 78px;\n    }\n\n    .pi-step-digit > span {\n      font-size: clamp(40px, 12vw, 53px);\n    }\n\n    .pi-status-heading em {\n      font-size: 0.62em;\n    }\n\n    .pi-core-stage {\n      width: min(76vw, 282px);\n    }\n\n    .pi-panel--requirements {\n      width: 61%;\n    }\n\n    .pi-panel--matrix,\n    .pi-panel--topology {\n      width: calc(39% - 30px);\n    }\n\n    .pi-panel--requirements p {\n      font-size: 8.5px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .pi-hud *,\n    .pi-hud *::before,\n    .pi-hud *::after {\n      animation-duration: 0.001ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.001ms !important;\n    }\n\n    .pi-core-stage {\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .pi-core {\n      transform:\n        translate3d(-50%, -50%, 70px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4be5df7 e-con-full development-scene scene-03 e-flex e-con e-child\" data-id=\"4be5df7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28e6ad13 hud-scene-host liquid-glass elementor-widget elementor-widget-html\" data-id=\"28e6ad13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\n  class=\"iah-hud\"\n  data-iah-hud\n  aria-label=\"Information Architecture and Client Validation\" data-hud-runtime data-hud-x-var=\"--iah-mx\" data-hud-y-var=\"--iah-my\" data-hud-panel=\".iah-panel\" data-hud-paused-class=\"is-iah-paused\" data-hud-strength=\"0.80\" data-hud-smoothing=\"0.06\" data-hud-threshold=\"0.0004\" data-hud-mobile-fit=\"true\">\n  <div class=\"iah-topbar\" aria-hidden=\"true\">\n    <span>INFORMATION ARCHITECTURE SYSTEM<\/span>\n\n    <div class=\"iah-topbar__center\">\n      <i><\/i>\n      <span>STRUCTURE CHANNEL 03<\/span>\n      <i><\/i>\n    <\/div>\n\n    <span class=\"iah-online\">\n      <b><\/b>\n      VALIDATION ONLINE\n    <\/span>\n  <\/div>\n\n  <article class=\"iah-panel iah-panel--step\">\n    <div class=\"iah-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"iah-panel__meta\">\n      <span>PROCESS SEQUENCE<\/span>\n      <span>03 \/ 06<\/span>\n    <\/div>\n\n    <div class=\"iah-step-display\" aria-label=\"Step 03\">\n      <div class=\"iah-step-digit\">\n        <span>0<\/span>\n        <i><\/i>\n        <b>BASE<\/b>\n      <\/div>\n\n      <div class=\"iah-step-digit iah-step-digit--active\">\n        <span>3<\/span>\n        <i><\/i>\n        <b>LIVE<\/b>\n      <\/div>\n    <\/div>\n\n    <div class=\"iah-panel__footer\">\n      <span>STRUCTURE NODE<\/span>\n      <span class=\"iah-status-dot\">ACTIVE<\/span>\n    <\/div>\n  <\/article>\n\n  <article class=\"iah-panel iah-panel--status\">\n    <div class=\"iah-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"iah-panel__meta\">\n      <span>VALIDATION STATE<\/span>\n      <span>03:18:42<\/span>\n    <\/div>\n\n    <div class=\"iah-status-heading\">\n      <span>CLIENT REVIEW<\/span>\n\n      <strong>\n        STRUCTURE\n        <em>VALIDATION<\/em>\n      <\/strong>\n    <\/div>\n\n    <div class=\"iah-progress\">\n      <div class=\"iah-progress__label\">\n        <span>APPROVAL READINESS<\/span>\n        <span>88.6%<\/span>\n      <\/div>\n\n      <div class=\"iah-progress__track\">\n        <i><\/i>\n      <\/div>\n    <\/div>\n\n    <div class=\"iah-data-row\">\n      <span>STRUCTURE VERSION<\/span>\n      <strong>V03.4<\/strong>\n    <\/div>\n\n    <div class=\"iah-data-row\">\n      <span>REVIEW STATUS<\/span>\n      <strong>OPEN<\/strong>\n    <\/div>\n  <\/article>\n\n  <article class=\"iah-panel iah-panel--title\">\n    <div class=\"iah-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"iah-panel__index\">\n      <span>MODULE<\/span>\n      <strong>ARCHITECTURE.03<\/strong>\n    <\/div>\n\n    <p class=\"iah-kicker\">INFORMATION SYSTEM<\/p>\n\n    <h2>\n      <span class=\"iah-title-main\">INFORMATION<\/span>\n      <span class=\"iah-title-accent\">ARCHITECTURE<\/span>\n    <\/h2>\n\n    <div class=\"iah-title-line\" aria-hidden=\"true\">\n      <i><\/i>\n      <b><\/b>\n      <i><\/i>\n    <\/div>\n\n    <div class=\"iah-title-data\">\n      <span>MAP \/ SITE STRUCTURE<\/span>\n      <span>MODE \/ USER FLOW<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"iah-core-stage\" aria-hidden=\"true\">\n    <div class=\"iah-core-stage__axis iah-core-stage__axis--x\"><\/div>\n    <div class=\"iah-core-stage__axis iah-core-stage__axis--y\"><\/div>\n\n    <span class=\"iah-core-marker iah-core-marker--01\">PAGES<\/span>\n    <span class=\"iah-core-marker iah-core-marker--02\">SECTIONS<\/span>\n    <span class=\"iah-core-marker iah-core-marker--03\">USER FLOW<\/span>\n    <span class=\"iah-core-marker iah-core-marker--04\">HIERARCHY<\/span>\n\n    <div class=\"iah-core\">\n      <div class=\"iah-core__scan\"><\/div>\n\n      <div class=\"iah-core__radar\"><\/div>\n\n      <div class=\"iah-core__orbit iah-core__orbit--01\"><\/div>\n      <div class=\"iah-core__orbit iah-core__orbit--02\"><\/div>\n      <div class=\"iah-core__orbit iah-core__orbit--03\"><\/div>\n\n      <div class=\"iah-core__architecture\">\n        <svg viewBox=\"0 0 440 440\" role=\"presentation\">\n          <g\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <circle\n              cx=\"220\"\n              cy=\"220\"\n              r=\"188\"\n              stroke-width=\"1\"\n              opacity=\".28\"\n            \/>\n\n            <circle\n              cx=\"220\"\n              cy=\"220\"\n              r=\"151\"\n              stroke-width=\"1\"\n              stroke-dasharray=\"4 9\"\n              opacity=\".22\"\n            \/>\n\n            <ellipse\n              cx=\"220\"\n              cy=\"220\"\n              rx=\"188\"\n              ry=\"64\"\n              stroke-width=\".8\"\n              opacity=\".25\"\n            \/>\n\n            <ellipse\n              cx=\"220\"\n              cy=\"220\"\n              rx=\"76\"\n              ry=\"188\"\n              stroke-width=\".8\"\n              opacity=\".25\"\n            \/>\n\n            <rect\n              x=\"174\"\n              y=\"178\"\n              width=\"92\"\n              height=\"84\"\n              rx=\"4\"\n              stroke-width=\"1.5\"\n              opacity=\".95\"\n            \/>\n\n            <rect\n              x=\"187\"\n              y=\"193\"\n              width=\"66\"\n              height=\"10\"\n              rx=\"2\"\n              stroke-width=\".8\"\n              opacity=\".7\"\n            \/>\n\n            <path\n              d=\"M187 216H253\n                 M187 228H244\n                 M187 240H235\"\n              stroke-width=\".8\"\n              opacity=\".58\"\n            \/>\n\n            <rect\n              x=\"62\"\n              y=\"75\"\n              width=\"78\"\n              height=\"58\"\n              rx=\"3\"\n              stroke-width=\"1\"\n              opacity=\".72\"\n            \/>\n\n            <rect\n              x=\"300\"\n              y=\"75\"\n              width=\"78\"\n              height=\"58\"\n              rx=\"3\"\n              stroke-width=\"1\"\n              opacity=\".72\"\n            \/>\n\n            <rect\n              x=\"45\"\n              y=\"296\"\n              width=\"78\"\n              height=\"58\"\n              rx=\"3\"\n              stroke-width=\"1\"\n              opacity=\".72\"\n            \/>\n\n            <rect\n              x=\"317\"\n              y=\"296\"\n              width=\"78\"\n              height=\"58\"\n              rx=\"3\"\n              stroke-width=\"1\"\n              opacity=\".72\"\n            \/>\n\n            <rect\n              x=\"48\"\n              y=\"177\"\n              width=\"62\"\n              height=\"44\"\n              rx=\"3\"\n              stroke-width=\".8\"\n              opacity=\".48\"\n            \/>\n\n            <rect\n              x=\"330\"\n              y=\"177\"\n              width=\"62\"\n              height=\"44\"\n              rx=\"3\"\n              stroke-width=\".8\"\n              opacity=\".48\"\n            \/>\n\n            <rect\n              x=\"158\"\n              y=\"326\"\n              width=\"62\"\n              height=\"44\"\n              rx=\"3\"\n              stroke-width=\".8\"\n              opacity=\".48\"\n            \/>\n\n            <rect\n              x=\"226\"\n              y=\"326\"\n              width=\"62\"\n              height=\"44\"\n              rx=\"3\"\n              stroke-width=\".8\"\n              opacity=\".48\"\n            \/>\n\n            <path\n              d=\"M174 198L140 126\n                 M266 198L300 126\n                 M174 242L123 310\n                 M266 242L317 310\"\n              stroke-width=\"1.2\"\n              opacity=\".76\"\n            \/>\n\n            <path\n              d=\"M174 210L110 199\n                 M266 210L330 199\n                 M205 262L189 326\n                 M235 262L257 326\"\n              stroke-width=\".9\"\n              opacity=\".55\"\n            \/>\n\n            <path\n              d=\"M140 104H300\n                 M84 296L79 221\n                 M356 296L361 221\n                 M123 325H158\n                 M288 348H317\"\n              stroke-width=\".7\"\n              stroke-dasharray=\"3 7\"\n              opacity=\".36\"\n            \/>\n\n            <path\n              d=\"M146 104L158 98L158 110Z\n                 M294 104L282 98L282 110Z\n                 M220 296L214 284H226Z\"\n              fill=\"currentColor\"\n              stroke=\"none\"\n              opacity=\".72\"\n            \/>\n\n            <polygon\n              points=\"220,132 295,176 295,264 220,308 145,264 145,176\"\n              stroke-width=\"1\"\n              opacity=\".28\"\n            \/>\n\n            <polygon\n              points=\"220,153 277,186 277,254 220,287 163,254 163,186\"\n              stroke-width=\".8\"\n              opacity=\".22\"\n            \/>\n          <\/g>\n\n          <g fill=\"currentColor\">\n            <circle cx=\"220\" cy=\"220\" r=\"3.5\" \/>\n\n            <circle cx=\"140\" cy=\"104\" r=\"3\" \/>\n            <circle cx=\"300\" cy=\"104\" r=\"3\" \/>\n            <circle cx=\"84\" cy=\"325\" r=\"3\" \/>\n            <circle cx=\"356\" cy=\"325\" r=\"3\" \/>\n\n            <circle cx=\"79\" cy=\"199\" r=\"2.5\" \/>\n            <circle cx=\"361\" cy=\"199\" r=\"2.5\" \/>\n            <circle cx=\"189\" cy=\"348\" r=\"2.5\" \/>\n            <circle cx=\"257\" cy=\"348\" r=\"2.5\" \/>\n          <\/g>\n\n          <g\n            fill=\"currentColor\"\n            font-family=\"Arial, sans-serif\"\n            font-size=\"8\"\n            letter-spacing=\"1\"\n            text-anchor=\"middle\"\n            opacity=\".58\"\n          >\n            <text x=\"101\" y=\"108\">HOME<\/text>\n            <text x=\"339\" y=\"108\">SERVICE<\/text>\n            <text x=\"84\" y=\"329\">CONTENT<\/text>\n            <text x=\"356\" y=\"329\">CONTACT<\/text>\n            <text x=\"220\" y=\"225\">ROOT<\/text>\n          <\/g>\n        <\/svg>\n      <\/div>\n\n      <div class=\"iah-core__center\">\n        <span><\/span>\n        <i><\/i>\n      <\/div>\n\n      <div class=\"iah-particle iah-particle--01\"><\/div>\n      <div class=\"iah-particle iah-particle--02\"><\/div>\n      <div class=\"iah-particle iah-particle--03\"><\/div>\n      <div class=\"iah-particle iah-particle--04\"><\/div>\n      <div class=\"iah-particle iah-particle--05\"><\/div>\n      <div class=\"iah-particle iah-particle--06\"><\/div>\n      <div class=\"iah-particle iah-particle--07\"><\/div>\n    <\/div>\n\n    <div class=\"iah-core-caption\">\n      <span>ARCHITECTURE MATRIX<\/span>\n      <strong>FLOW SYNCHRONIZED<\/strong>\n    <\/div>\n  <\/div>\n\n  <article class=\"iah-panel iah-panel--approval\">\n    <div class=\"iah-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"iah-approval__header\">\n      <span>CLIENT VALIDATION<\/span>\n      <small>REVIEW PROTOCOL<\/small>\n    <\/div>\n\n    <div class=\"iah-approval__heading\">\n      <span>STRUCTURE APPROVAL<\/span>\n      <strong>BASED ON REQUIREMENTS<\/strong>\n    <\/div>\n\n    <p>\n      Based on the collected requirements, we create the website\n      structure and define its key pages, sections, hierarchy, and user\n      flow. The proposed structure is reviewed with the client, refined\n      if necessary, and approved before the next stage begins.\n    <\/p>\n\n    <div class=\"iah-approval__tags\">\n      <span>KEY PAGES<\/span>\n      <span>SECTIONS<\/span>\n      <span>HIERARCHY<\/span>\n      <span>USER FLOW<\/span>\n      <span>APPROVAL<\/span>\n    <\/div>\n\n    <div class=\"iah-approval__scanner\" aria-hidden=\"true\">\n      <i><\/i>\n    <\/div>\n  <\/article>\n\n  <article class=\"iah-panel iah-panel--flow\">\n    <div class=\"iah-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"iah-mini-header\">\n      <span>USER FLOW MAP<\/span>\n      <span>06 NODES<\/span>\n    <\/div>\n\n    <div class=\"iah-flow-map\" aria-hidden=\"true\">\n      <span class=\"iah-flow-node iah-flow-node--01\">\n        <i><\/i>\n        ENTRY\n      <\/span>\n\n      <span class=\"iah-flow-node iah-flow-node--02\">\n        <i><\/i>\n        HOME\n      <\/span>\n\n      <span class=\"iah-flow-node iah-flow-node--03\">\n        <i><\/i>\n        SERVICE\n      <\/span>\n\n      <span class=\"iah-flow-node iah-flow-node--04\">\n        <i><\/i>\n        CONTENT\n      <\/span>\n\n      <span class=\"iah-flow-node iah-flow-node--05\">\n        <i><\/i>\n        CONTACT\n      <\/span>\n\n      <span class=\"iah-flow-node iah-flow-node--06\">\n        <i><\/i>\n        ACTION\n      <\/span>\n\n      <b class=\"iah-flow-link iah-flow-link--01\"><\/b>\n      <b class=\"iah-flow-link iah-flow-link--02\"><\/b>\n      <b class=\"iah-flow-link iah-flow-link--03\"><\/b>\n      <b class=\"iah-flow-link iah-flow-link--04\"><\/b>\n      <b class=\"iah-flow-link iah-flow-link--05\"><\/b>\n    <\/div>\n\n    <div class=\"iah-flow-footer\">\n      <span>PATH INTEGRITY 96%<\/span>\n      <span>DEPTH 04<\/span>\n    <\/div>\n  <\/article>\n\n  <article class=\"iah-panel iah-panel--matrix\">\n    <div class=\"iah-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"iah-mini-header\">\n      <span>APPROVAL MATRIX<\/span>\n      <span>CLIENT REVIEW<\/span>\n    <\/div>\n\n    <div class=\"iah-matrix\">\n      <div>\n        <span>PAGES<\/span>\n        <i style=\"--iah-level: 96%\"><\/i>\n        <strong>96<\/strong>\n      <\/div>\n\n      <div>\n        <span>SECTIONS<\/span>\n        <i style=\"--iah-level: 91%\"><\/i>\n        <strong>91<\/strong>\n      <\/div>\n\n      <div>\n        <span>HIERARCHY<\/span>\n        <i style=\"--iah-level: 88%\"><\/i>\n        <strong>88<\/strong>\n      <\/div>\n\n      <div>\n        <span>USER FLOW<\/span>\n        <i style=\"--iah-level: 84%\"><\/i>\n        <strong>84<\/strong>\n      <\/div>\n\n      <div>\n        <span>VALIDATION<\/span>\n        <i style=\"--iah-level: 76%\"><\/i>\n        <strong>76<\/strong>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <div class=\"iah-timeline\">\n    <div class=\"iah-timeline__label\">\n      <span>PROCESS FLOW<\/span>\n      <strong>ARCHITECTURE PROTOCOL<\/strong>\n    <\/div>\n\n    <div class=\"iah-timeline__track\">\n      <div class=\"iah-timeline__progress\"><\/div>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        CONTACT\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        DISCOVERY\n      <\/span>\n\n      <span class=\"is-active\">\n        <i><\/i>\n        STRUCTURE\n      <\/span>\n\n      <span>\n        <i><\/i>\n        DESIGN\n      <\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"iah-microtext iah-microtext--left\" aria-hidden=\"true\">\n    IA_MODE \/\/ ACTIVE<br>\n    HIERARCHY_DEPTH \/\/ 04<br>\n    STRUCTURE_NODES \/\/ 12\n  <\/div>\n\n  <div class=\"iah-microtext iah-microtext--right\" aria-hidden=\"true\">\n    CLIENT.VALIDATION.03<br>\n    USER FLOW ANALYSIS<br>\n    SYSTEM REVISION 26.3\n  <\/div>\n<\/section>\n\n<style>\n  .iah-hud {\n    --iah-cyan: #eadbc8;\n    --iah-cyan-strong: #eadbc8;\n    --iah-blue: #702b3d;\n    --iah-violet: #702b3d;\n    --iah-white: #eadbc8;\n\n    --iah-line: rgba(234, 219, 200, 0.295);\n    --iah-line-soft: rgba(234, 219, 200, 0.118);\n\n    --iah-mx: 0;\n    --iah-my: 0;\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    min-height: clamp(710px, 85vh, 950px);\n\n    overflow: hidden;\n    isolation: isolate;\n    contain: layout paint style;\n\n    perspective: 1200px;\n\n    color: var(--iah-white);\n    background: transparent;\n\n    font-family:\n      \"Arial Narrow\",\n      \"Roboto Condensed\",\n      \"Helvetica Neue\",\n      Arial,\n      sans-serif;\n\n    text-transform: uppercase;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .iah-hud *,\n  .iah-hud *::before,\n  .iah-hud *::after {\n    box-sizing: border-box;\n  }\n\n  .iah-hud * {\n    min-width: 0;\n  }\n\n  .iah-hud::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 20;\n    inset: 0;\n\n    pointer-events: none;\n\n    background: repeating-linear-gradient(\n      180deg,\n      transparent 0,\n      transparent 5px,\n      rgba(234, 219, 200, 0.021) 6px\n    );\n\n    opacity: 0.46;\n  }\n\n  .iah-topbar {\n    position: absolute;\n    z-index: 9;\n\n    top: 22px;\n    left: 3%;\n    right: 3%;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n\n    color: rgba(234, 219, 200, 0.59);\n\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: 0.22em;\n\n    white-space: nowrap;\n  }\n\n  .iah-topbar::after {\n    content: \"\";\n\n    position: absolute;\n    top: calc(100% + 10px);\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      var(--iah-line),\n      transparent 24%,\n      transparent 76%,\n      var(--iah-line)\n    );\n  }\n\n  .iah-topbar__center {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iah-topbar__center i {\n    display: block;\n\n    width: 34px;\n    height: 1px;\n\n    background: var(--iah-line);\n  }\n\n  .iah-online {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    color: var(--iah-cyan);\n  }\n\n  .iah-online b {\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--iah-cyan);\n    box-shadow: 0 0 10px rgba(234, 219, 200, 0.944);\n\n    animation: iahBlink 3.2s ease-in-out infinite;\n  }\n\n  .iah-panel {\n    position: absolute;\n    z-index: 5;\n\n    padding: 18px;\n    overflow: hidden;\n\n    border: 1px solid var(--iah-line);\n\n    background: linear-gradient(\n      135deg,\n      rgba(18, 7, 10, 0.78),\n      rgba(18, 7, 10, 0.38)\n    );\n\n    box-shadow:\n      inset 0 0 28px rgba(234, 219, 200, 0.029),\n      0 18px 60px rgba(0, 0, 0, 0.16);\n\n    outline: none;\n\n    transform:\n      translate3d(\n        calc(var(--iah-mx) * var(--iah-shift-x, 0px)),\n        calc(var(--iah-my) * var(--iah-shift-y, 0px)),\n        0\n      );\n\n    transition:\n      border-color 350ms ease,\n      box-shadow 450ms ease,\n      background-color 450ms ease;\n  }\n\n  .iah-panel::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: 0;\n    left: -90%;\n\n    width: 46%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.077),\n      transparent\n    );\n\n    transform: skewX(-16deg);\n\n    transition:\n      left 750ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .iah-panel::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: -30%;\n    left: 0;\n    right: 0;\n\n    height: 24px;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.106),\n      transparent\n    );\n\n    opacity: 0;\n  }\n\n  .iah-panel:hover,\n  .iah-panel:focus-visible,\n  .iah-panel.is-touch-active {\n    border-color: rgba(234, 219, 200, 0.684);\n\n    box-shadow:\n      inset 0 0 34px rgba(234, 219, 200, 0.053),\n      0 0 24px rgba(234, 219, 200, 0.071),\n      0 18px 60px rgba(0, 0, 0, 0.2);\n  }\n\n  .iah-panel:hover::before,\n  .iah-panel:focus-visible::before,\n  .iah-panel.is-touch-active::before {\n    left: 145%;\n  }\n\n  .iah-panel:hover::after,\n  .iah-panel:focus-visible::after,\n  .iah-panel.is-touch-active::after {\n    opacity: 1;\n\n    animation:\n      iahPanelScan 2.3s linear infinite;\n  }\n\n  .iah-panel > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .iah-panel__corners {\n    position: absolute;\n    z-index: 2;\n\n    inset: 7px;\n\n    pointer-events: none;\n\n    background:\n      linear-gradient(var(--iah-cyan), var(--iah-cyan)) left top \/ 11px 1px no-repeat,\n      linear-gradient(var(--iah-cyan), var(--iah-cyan)) left top \/ 1px 11px no-repeat,\n      linear-gradient(var(--iah-cyan), var(--iah-cyan)) right top \/ 11px 1px no-repeat,\n      linear-gradient(var(--iah-cyan), var(--iah-cyan)) right top \/ 1px 11px no-repeat,\n      linear-gradient(var(--iah-cyan), var(--iah-cyan)) left bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--iah-cyan), var(--iah-cyan)) left bottom \/ 1px 11px no-repeat,\n      linear-gradient(var(--iah-cyan), var(--iah-cyan)) right bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--iah-cyan), var(--iah-cyan)) right bottom \/ 1px 11px no-repeat;\n\n    opacity: 0.54;\n  }\n\n  .iah-panel__meta,\n  .iah-panel__footer,\n  .iah-progress__label,\n  .iah-data-row,\n  .iah-title-data,\n  .iah-mini-header,\n  .iah-flow-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n\n    color: rgba(234, 219, 200, 0.507);\n\n    font-size: 7px;\n    font-weight: 600;\n    line-height: 1.3;\n    letter-spacing: 0.15em;\n  }\n\n  .iah-panel--step {\n    --iah-shift-x: -6px;\n    --iah-shift-y: -4px;\n\n    top: 13%;\n    left: 3.5%;\n\n    width: clamp(205px, 17vw, 270px);\n  }\n\n  .iah-step-display {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 8px;\n\n    margin: 14px 0 10px;\n  }\n\n  .iah-step-digit {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    height: clamp(82px, 8vw, 118px);\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n\n    background: linear-gradient(\n      145deg,\n      rgba(234, 219, 200, 0.041),\n      rgba(234, 219, 200, 0.006)\n    );\n\n    clip-path: polygon(\n      0 10px,\n      10px 0,\n      100% 0,\n      100% calc(100% - 10px),\n      calc(100% - 10px) 100%,\n      0 100%\n    );\n  }\n\n  .iah-step-digit::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 8px;\n    left: 8px;\n    right: 8px;\n\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      var(--iah-cyan),\n      transparent\n    );\n\n    opacity: 0.35;\n  }\n\n  .iah-step-digit::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 8px;\n    bottom: 8px;\n\n    width: 15px;\n    height: 1px;\n\n    background: var(--iah-line);\n  }\n\n  .iah-step-digit > span {\n    color: transparent;\n\n    font-size: clamp(58px, 6.5vw, 94px);\n    font-weight: 300;\n    line-height: 0.8;\n    letter-spacing: -0.08em;\n\n    font-variant-numeric: tabular-nums;\n\n    -webkit-text-stroke:\n      1px rgba(234, 219, 200, 0.59);\n\n    transform: translateY(-2px);\n  }\n\n  .iah-step-digit > i {\n    position: absolute;\n\n    top: 50%;\n    right: 7px;\n\n    width: 3px;\n    height: 28%;\n\n    background: repeating-linear-gradient(\n      180deg,\n      var(--iah-cyan) 0 2px,\n      transparent 2px 5px\n    );\n\n    opacity: 0.3;\n\n    transform: translateY(-50%);\n  }\n\n  .iah-step-digit > b {\n    position: absolute;\n\n    bottom: 7px;\n    left: 8px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 5px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n  }\n\n  .iah-step-digit--active {\n    border-color: rgba(234, 219, 200, 0.566);\n\n    background: linear-gradient(\n      145deg,\n      rgba(112, 43, 61, 0.09),\n      rgba(234, 219, 200, 0.047)\n    );\n\n    box-shadow:\n      inset 0 0 22px rgba(234, 219, 200, 0.059);\n  }\n\n  .iah-step-digit--active > span {\n    color: rgba(234, 219, 200, 0.077);\n\n    -webkit-text-stroke-color: var(--iah-cyan);\n\n    text-shadow:\n      0 0 18px rgba(234, 219, 200, 0.177);\n  }\n\n  .iah-step-digit--active > b {\n    color: var(--iah-cyan);\n  }\n\n  .iah-status-dot {\n    color: var(--iah-cyan);\n  }\n\n  .iah-status-dot::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 4px;\n    height: 4px;\n    margin-right: 7px;\n\n    border-radius: 50%;\n\n    background: var(--iah-cyan);\n    box-shadow: 0 0 8px var(--iah-cyan);\n  }\n\n  .iah-panel--status {\n    --iah-shift-x: 8px;\n    --iah-shift-y: -5px;\n\n    top: 13%;\n    right: 4%;\n\n    width: clamp(250px, 22vw, 340px);\n  }\n\n  .iah-status-heading {\n    margin: 24px 0 22px;\n  }\n\n  .iah-status-heading > span {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--iah-violet);\n\n    font-size: 9px;\n    letter-spacing: 0.28em;\n  }\n\n  .iah-status-heading strong {\n    display: block;\n\n    color: var(--iah-white);\n\n    font-size: clamp(19px, 1.8vw, 28px);\n    font-weight: 300;\n    line-height: 1;\n    letter-spacing: 0.1em;\n  }\n\n  .iah-status-heading em {\n    display: block;\n\n    margin-top: 5px;\n\n    color: var(--iah-cyan);\n\n    font-size: 0.82em;\n    font-style: normal;\n    letter-spacing: 0.06em;\n\n    white-space: nowrap;\n  }\n\n  .iah-progress {\n    margin-bottom: 18px;\n  }\n\n  .iah-progress__track {\n    height: 3px;\n    margin-top: 9px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.118);\n  }\n\n  .iah-progress__track i {\n    display: block;\n\n    width: 88.6%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      var(--iah-violet),\n      var(--iah-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      iahProgress 3.2s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .iah-data-row {\n    padding: 8px 0;\n\n    border-top: 1px solid var(--iah-line-soft);\n  }\n\n  .iah-data-row strong {\n    color: var(--iah-cyan);\n\n    font-size: 8px;\n    font-weight: 500;\n\n    white-space: nowrap;\n  }\n\n  .iah-panel--title {\n    --iah-shift-x: -11px;\n    --iah-shift-y: 8px;\n\n    top: 43%;\n    left: 4%;\n\n    width: clamp(310px, 28vw, 430px);\n    padding: clamp(21px, 2vw, 32px);\n  }\n\n  .iah-panel__index {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n\n    margin-bottom: 27px;\n\n    color: rgba(234, 219, 200, 0.472);\n\n    font-size: 8px;\n    letter-spacing: 0.2em;\n  }\n\n  .iah-panel__index strong {\n    color: var(--iah-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n  }\n\n  .iah-kicker {\n    margin: 0 0 8px;\n\n    color: var(--iah-violet);\n\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 0.3em;\n  }\n\n  .iah-panel--title h2 {\n    width: 100%;\n    margin: 0;\n\n    font-weight: 300;\n    line-height: 0.94;\n  }\n\n  .iah-title-main,\n  .iah-title-accent {\n    display: block;\n\n    width: 100%;\n    max-width: 100%;\n\n    white-space: nowrap;\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  .iah-title-main {\n    color: var(--iah-white);\n\n    font-size: clamp(27px, 2.9vw, 48px);\n    letter-spacing: 0.055em;\n  }\n\n  .iah-title-accent {\n    margin-top: 9px;\n\n    color: var(--iah-cyan);\n\n    font-size: clamp(23px, 2.45vw, 40px);\n    letter-spacing: 0.035em;\n\n    text-shadow:\n      0 0 22px rgba(234, 219, 200, 0.201);\n  }\n\n  .iah-title-line {\n    display: grid;\n    grid-template-columns: 1fr 5px 0.34fr;\n    align-items: center;\n    gap: 8px;\n\n    margin: 23px 0 14px;\n  }\n\n  .iah-title-line i {\n    display: block;\n\n    height: 1px;\n\n    background: var(--iah-line);\n  }\n\n  .iah-title-line b {\n    width: 5px;\n    height: 5px;\n\n    background: var(--iah-cyan);\n    box-shadow: 0 0 9px var(--iah-cyan);\n  }\n\n  .iah-panel--approval {\n    --iah-shift-x: 12px;\n    --iah-shift-y: 8px;\n\n    top: 41%;\n    right: 3%;\n\n    width: clamp(310px, 28vw, 430px);\n    padding: clamp(21px, 2vw, 30px);\n  }\n\n  .iah-approval__header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 15px;\n  }\n\n  .iah-approval__header span {\n    color: var(--iah-cyan);\n\n    font-size: 8px;\n    letter-spacing: 0.2em;\n  }\n\n  .iah-approval__header small {\n    color: rgba(234, 219, 200, 0.401);\n\n    font-size: 7px;\n    letter-spacing: 0.12em;\n  }\n\n  .iah-approval__heading {\n    margin: 21px 0 15px;\n  }\n\n  .iah-approval__heading span,\n  .iah-approval__heading strong {\n    display: block;\n  }\n\n  .iah-approval__heading span {\n    color: var(--iah-white);\n\n    font-size: clamp(18px, 1.6vw, 25px);\n    font-weight: 300;\n    letter-spacing: 0.1em;\n  }\n\n  .iah-approval__heading strong {\n    margin-top: 6px;\n\n    color: var(--iah-cyan);\n\n    font-size: clamp(11px, 1vw, 14px);\n    font-weight: 500;\n    letter-spacing: 0.14em;\n\n    white-space: nowrap;\n  }\n\n  .iah-panel--approval p {\n    max-width: 36em;\n    margin: 0 0 20px;\n\n    color: rgba(234, 219, 200, 0.909);\n\n    font-size: clamp(11px, 0.92vw, 14px);\n    font-weight: 300;\n    line-height: 1.65;\n    letter-spacing: 0.04em;\n\n    text-transform: none;\n\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  .iah-approval__tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n\n    max-width: calc(100% - 43px);\n  }\n\n  .iah-approval__tags span {\n    padding: 6px 8px;\n\n    border: 1px solid rgba(234, 219, 200, 0.201);\n\n    background: rgba(234, 219, 200, 0.029);\n\n    color: rgba(234, 219, 200, 0.826);\n\n    font-size: 7px;\n    letter-spacing: 0.11em;\n\n    white-space: nowrap;\n  }\n\n  .iah-approval__scanner {\n    position: absolute;\n\n    right: 14px;\n    bottom: 14px;\n\n    width: 42px;\n    height: 42px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n    border-radius: 50%;\n  }\n\n  .iah-approval__scanner::before,\n  .iah-approval__scanner::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.26);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .iah-approval__scanner::before {\n    width: 74%;\n    height: 1px;\n  }\n\n  .iah-approval__scanner::after {\n    width: 1px;\n    height: 74%;\n  }\n\n  .iah-approval__scanner i {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 50%;\n    height: 50%;\n\n    background: conic-gradient(\n      from -28deg,\n      rgba(234, 219, 200, 0.224),\n      transparent 42deg\n    );\n\n    transform-origin: 0 0;\n\n    animation:\n      iahRadar 8s linear infinite;\n  }\n\n  .iah-core-stage {\n    position: absolute;\n    z-index: 3;\n\n    top: 47%;\n    left: 50%;\n\n    width: clamp(345px, 37vw, 585px);\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 0)\n      rotateX(calc(var(--iah-my) * -5deg))\n      rotateY(calc(var(--iah-mx) * 7deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .iah-core-stage::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 4%;\n\n    border: 1px solid rgba(234, 219, 200, 0.088);\n    border-radius: 50%;\n\n    box-shadow:\n      inset 0 0 80px rgba(234, 219, 200, 0.029),\n      0 0 75px rgba(234, 219, 200, 0.029);\n  }\n\n  .iah-core-stage__axis {\n    position: absolute;\n    z-index: -1;\n\n    top: 50%;\n    left: 50%;\n  }\n\n  .iah-core-stage__axis--x {\n    width: 125%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .iah-core-stage__axis--y {\n    width: 1px;\n    height: 125%;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .iah-core {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 77%;\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 70px)\n      rotateX(calc(var(--iah-my) * -4deg))\n      rotateY(calc(var(--iah-mx) * 5deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .iah-core__architecture {\n    position: absolute;\n    inset: 6%;\n\n    color: var(--iah-cyan);\n\n    border-radius: 50%;\n\n    background: radial-gradient(\n      circle,\n      rgba(234, 219, 200, 0.029),\n      rgba(112, 43, 61, 0.014) 48%,\n      transparent 72%\n    );\n\n    transform: translateZ(42px);\n  }\n\n  .iah-core__architecture svg {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: visible;\n\n    filter:\n      drop-shadow(0 0 5px rgba(234, 219, 200, 0.189));\n\n    animation:\n      iahArchitecturePulse 7.5s ease-in-out infinite;\n  }\n\n  .iah-core__orbit {\n    position: absolute;\n    inset: 0;\n\n    border: 1px solid rgba(234, 219, 200, 0.319);\n    border-radius: 50%;\n\n    transform-style: preserve-3d;\n  }\n\n  .iah-core__orbit::before,\n  .iah-core__orbit::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--iah-cyan);\n    box-shadow: 0 0 11px rgba(234, 219, 200, 0.944);\n  }\n\n  .iah-core__orbit::before {\n    top: -3px;\n    left: 50%;\n  }\n\n  .iah-core__orbit::after {\n    right: 10%;\n    bottom: 18%;\n\n    width: 3px;\n    height: 3px;\n  }\n\n  .iah-core__orbit--01 {\n    transform: rotateX(68deg) rotateZ(14deg);\n\n    animation:\n      iahOrbitOne 23s linear infinite;\n  }\n\n  .iah-core__orbit--02 {\n    inset: 5%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n\n    transform: rotateY(69deg) rotateZ(32deg);\n\n    animation:\n      iahOrbitTwo 29s linear infinite reverse;\n  }\n\n  .iah-core__orbit--03 {\n    inset: 13%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n    border-style: dashed;\n\n    transform: rotateX(56deg) rotateY(44deg);\n\n    animation:\n      iahOrbitThree 36s linear infinite;\n  }\n\n  .iah-core__radar {\n    position: absolute;\n    inset: -7%;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.118);\n    border-radius: 50%;\n\n    transform: translateZ(-30px);\n  }\n\n  .iah-core__radar::before,\n  .iah-core__radar::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.094);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .iah-core__radar::before {\n    width: 100%;\n    height: 1px;\n  }\n\n  .iah-core__radar::after {\n    width: 1px;\n    height: 100%;\n  }\n\n  .iah-core__scan {\n    position: absolute;\n    z-index: 8;\n\n    top: 12%;\n    left: 10%;\n\n    width: 80%;\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--iah-cyan),\n      transparent\n    );\n\n    box-shadow:\n      0 0 14px rgba(234, 219, 200, 0.59);\n\n    opacity: 0.58;\n\n    animation:\n      iahCoreScan 7.4s ease-in-out infinite;\n  }\n\n  .iah-core__center {\n    position: absolute;\n    z-index: 9;\n\n    top: 50%;\n    left: 50%;\n\n    width: 18px;\n    height: 18px;\n\n    border: 1px solid rgba(234, 219, 200, 0.885);\n    border-radius: 2px;\n\n    background: rgba(234, 219, 200, 0.094);\n\n    transform:\n      translate3d(-50%, -50%, 100px)\n      rotate(45deg);\n\n    animation:\n      iahCenterPulse 4.8s ease-in-out infinite;\n  }\n\n  .iah-core__center::before,\n  .iah-core__center::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: var(--iah-cyan);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .iah-core__center::before {\n    width: 5px;\n    height: 1px;\n  }\n\n  .iah-core__center::after {\n    width: 1px;\n    height: 5px;\n  }\n\n  .iah-core__center span {\n    position: absolute;\n    inset: -12px;\n\n    border: 1px dashed rgba(234, 219, 200, 0.354);\n    border-radius: 50%;\n\n    animation:\n      iahRadar 13s linear infinite;\n  }\n\n  .iah-core__center i {\n    position: absolute;\n    inset: -24px;\n\n    border: 1px solid rgba(112, 43, 61, 0.16);\n    border-radius: 50%;\n  }\n\n  .iah-particle {\n    position: absolute;\n\n    width: 3px;\n    height: 3px;\n\n    border-radius: 50%;\n\n    background: var(--iah-cyan);\n    box-shadow: 0 0 7px var(--iah-cyan);\n\n    animation:\n      iahParticle 6.4s ease-in-out infinite;\n  }\n\n  .iah-particle--01 {\n    top: 15%;\n    left: 23%;\n    animation-delay: -0.4s;\n  }\n\n  .iah-particle--02 {\n    top: 27%;\n    right: 12%;\n    animation-delay: -1.7s;\n  }\n\n  .iah-particle--03 {\n    right: 17%;\n    bottom: 18%;\n    animation-delay: -3.1s;\n  }\n\n  .iah-particle--04 {\n    bottom: 10%;\n    left: 40%;\n    animation-delay: -1.1s;\n  }\n\n  .iah-particle--05 {\n    top: 53%;\n    left: 5%;\n    animation-delay: -2.4s;\n  }\n\n  .iah-particle--06 {\n    top: 7%;\n    left: 58%;\n\n    background: var(--iah-violet);\n    box-shadow: 0 0 7px var(--iah-violet);\n\n    animation-delay: -3.8s;\n  }\n\n  .iah-particle--07 {\n    right: 3%;\n    bottom: 43%;\n\n    background: var(--iah-blue);\n    box-shadow: 0 0 7px var(--iah-blue);\n\n    animation-delay: -4.7s;\n  }\n\n  .iah-core-marker {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.496);\n\n    font-size: 7px;\n    letter-spacing: 0.13em;\n  }\n\n  .iah-core-marker::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 17px;\n    height: 1px;\n    margin-right: 7px;\n\n    vertical-align: middle;\n\n    background: rgba(234, 219, 200, 0.26);\n  }\n\n  .iah-core-marker--01 {\n    top: 18%;\n    left: 0;\n  }\n\n  .iah-core-marker--02 {\n    top: 34%;\n    right: -3%;\n  }\n\n  .iah-core-marker--03 {\n    bottom: 17%;\n    left: 2%;\n  }\n\n  .iah-core-marker--04 {\n    right: 1%;\n    bottom: 26%;\n  }\n\n  .iah-core-caption {\n    position: absolute;\n\n    bottom: 3%;\n    left: 50%;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n\n    white-space: nowrap;\n\n    transform: translateX(-50%);\n  }\n\n  .iah-core-caption span {\n    color: rgba(234, 219, 200, 0.425);\n\n    font-size: 7px;\n    letter-spacing: 0.25em;\n  }\n\n  .iah-core-caption strong {\n    color: var(--iah-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.28em;\n\n    text-shadow:\n      0 0 10px rgba(234, 219, 200, 0.378);\n  }\n\n  .iah-panel--flow {\n    --iah-shift-x: -7px;\n    --iah-shift-y: 5px;\n\n    left: 3.5%;\n    bottom: 10%;\n\n    width: clamp(245px, 22vw, 345px);\n    padding: 14px 16px;\n  }\n\n  .iah-flow-map {\n    position: relative;\n\n    height: 102px;\n    margin: 11px 0 7px;\n  }\n\n  .iah-flow-node {\n    position: absolute;\n    z-index: 2;\n\n    display: flex;\n    align-items: center;\n    gap: 5px;\n\n    color: rgba(234, 219, 200, 0.59);\n\n    font-size: 6px;\n    letter-spacing: 0.09em;\n\n    white-space: nowrap;\n  }\n\n  .iah-flow-node i {\n    display: block;\n\n    width: 6px;\n    height: 6px;\n\n    border: 1px solid var(--iah-cyan);\n    border-radius: 50%;\n\n    background: rgba(234, 219, 200, 0.212);\n    box-shadow: 0 0 7px rgba(234, 219, 200, 0.354);\n  }\n\n  .iah-flow-node--01 {\n    top: 44%;\n    left: 0;\n  }\n\n  .iah-flow-node--02 {\n    top: 8%;\n    left: 19%;\n  }\n\n  .iah-flow-node--03 {\n    top: 8%;\n    right: 11%;\n  }\n\n  .iah-flow-node--04 {\n    right: 0;\n    bottom: 8%;\n  }\n\n  .iah-flow-node--05 {\n    bottom: 8%;\n    left: 24%;\n  }\n\n  .iah-flow-node--06 {\n    top: 44%;\n    left: 46%;\n  }\n\n  .iah-flow-link {\n    position: absolute;\n    z-index: 1;\n\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      rgba(234, 219, 200, 0.448),\n      rgba(234, 219, 200, 0.047)\n    );\n\n    transform-origin: left center;\n  }\n\n  .iah-flow-link--01 {\n    top: 49%;\n    left: 7%;\n\n    width: 42%;\n\n    transform: rotate(-34deg);\n  }\n\n  .iah-flow-link--02 {\n    top: 18%;\n    left: 27%;\n\n    width: 43%;\n\n    transform: rotate(0deg);\n  }\n\n  .iah-flow-link--03 {\n    top: 28%;\n    left: 65%;\n\n    width: 31%;\n\n    transform: rotate(48deg);\n  }\n\n  .iah-flow-link--04 {\n    top: 56%;\n    left: 51%;\n\n    width: 40%;\n\n    transform: rotate(30deg);\n  }\n\n  .iah-flow-link--05 {\n    top: 58%;\n    left: 29%;\n\n    width: 25%;\n\n    transform: rotate(-20deg);\n  }\n\n  .iah-panel--matrix {\n    --iah-shift-x: 7px;\n    --iah-shift-y: 5px;\n\n    right: 3.5%;\n    bottom: 10%;\n\n    width: clamp(235px, 21vw, 325px);\n    padding: 14px 16px;\n  }\n\n  .iah-matrix {\n    display: grid;\n    gap: 8px;\n\n    margin-top: 13px;\n  }\n\n  .iah-matrix > div {\n    display: grid;\n    grid-template-columns: 72px 1fr 20px;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .iah-matrix span,\n  .iah-matrix strong {\n    color: rgba(234, 219, 200, 0.519);\n\n    font-size: 7px;\n    font-weight: 500;\n    letter-spacing: 0.1em;\n  }\n\n  .iah-matrix strong {\n    color: var(--iah-cyan);\n    text-align: right;\n  }\n\n  .iah-matrix i {\n    position: relative;\n\n    display: block;\n\n    height: 2px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.106);\n  }\n\n  .iah-matrix i::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0 auto 0 0;\n\n    width: var(--iah-level);\n\n    background: linear-gradient(\n      90deg,\n      var(--iah-violet),\n      var(--iah-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      iahBar 3s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .iah-timeline {\n    position: absolute;\n    z-index: 7;\n\n    right: 25%;\n    bottom: 4%;\n    left: 25%;\n\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    gap: 28px;\n  }\n\n  .iah-timeline__label {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .iah-timeline__label span {\n    color: rgba(234, 219, 200, 0.354);\n\n    font-size: 7px;\n    letter-spacing: 0.16em;\n  }\n\n  .iah-timeline__label strong {\n    color: rgba(234, 219, 200, 0.791);\n\n    font-size: 8px;\n    font-weight: 500;\n    letter-spacing: 0.17em;\n  }\n\n  .iah-timeline__track {\n    position: relative;\n\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .iah-timeline__track::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 3px;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: rgba(234, 219, 200, 0.142);\n  }\n\n  .iah-timeline__progress {\n    position: absolute;\n    z-index: 1;\n\n    top: 3px;\n    left: 0;\n\n    width: 67%;\n    height: 1px;\n\n    background: var(--iah-cyan);\n    box-shadow: 0 0 7px var(--iah-cyan);\n  }\n\n  .iah-timeline__track span {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 7px;\n    letter-spacing: 0.11em;\n  }\n\n  .iah-timeline__track i {\n    width: 7px;\n    height: 7px;\n\n    border: 1px solid rgba(234, 219, 200, 0.271);\n    border-radius: 50%;\n\n    background: rgba(18, 7, 10, 0.9);\n  }\n\n  .iah-timeline__track .is-active {\n    color: var(--iah-cyan);\n  }\n\n  .iah-timeline__track .is-active i {\n    border-color: var(--iah-cyan);\n\n    background: var(--iah-cyan);\n    box-shadow: 0 0 9px var(--iah-cyan);\n  }\n\n  .iah-timeline__track .is-complete {\n    color: rgba(234, 219, 200, 0.684);\n  }\n\n  .iah-timeline__track .is-complete i {\n    border-color: rgba(234, 219, 200, 0.767);\n\n    background: rgba(234, 219, 200, 0.295);\n  }\n\n  .iah-microtext {\n    position: absolute;\n    z-index: 2;\n\n    color: rgba(234, 219, 200, 0.236);\n\n    font-family: monospace;\n    font-size: 7px;\n    line-height: 1.8;\n    letter-spacing: 0.1em;\n\n    pointer-events: none;\n  }\n\n  .iah-microtext--left {\n    top: 31%;\n    left: 1.7%;\n\n    writing-mode: vertical-rl;\n\n    transform: rotate(180deg);\n  }\n\n  .iah-microtext--right {\n    top: 29%;\n    right: 1.6%;\n\n    text-align: right;\n    writing-mode: vertical-rl;\n  }\n\n  @keyframes iahBlink {\n    0%,\n    100% {\n      opacity: 0.35;\n      transform: scale(0.85);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes iahPanelScan {\n    from {\n      top: -20%;\n    }\n\n    to {\n      top: 120%;\n    }\n  }\n\n  @keyframes iahProgress {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes iahBar {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes iahRadar {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes iahOrbitOne {\n    from {\n      transform:\n        rotateX(68deg)\n        rotateZ(14deg);\n    }\n\n    to {\n      transform:\n        rotateX(68deg)\n        rotateZ(374deg);\n    }\n  }\n\n  @keyframes iahOrbitTwo {\n    from {\n      transform:\n        rotateY(69deg)\n        rotateZ(32deg);\n    }\n\n    to {\n      transform:\n        rotateY(69deg)\n        rotateZ(392deg);\n    }\n  }\n\n  @keyframes iahOrbitThree {\n    from {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(0deg);\n    }\n\n    to {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(360deg);\n    }\n  }\n\n  @keyframes iahCoreScan {\n    0%,\n    100% {\n      top: 12%;\n      opacity: 0.18;\n    }\n\n    50% {\n      top: 85%;\n      opacity: 0.7;\n    }\n  }\n\n  @keyframes iahArchitecturePulse {\n    0%,\n    100% {\n      opacity: 0.64;\n      transform: scale(0.992);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1.008);\n    }\n  }\n\n  @keyframes iahCenterPulse {\n    0%,\n    100% {\n      opacity: 0.62;\n\n      transform:\n        translate3d(-50%, -50%, 100px)\n        rotate(45deg)\n        scale(0.9);\n    }\n\n    50% {\n      opacity: 1;\n\n      transform:\n        translate3d(-50%, -50%, 108px)\n        rotate(45deg)\n        scale(1.06);\n    }\n  }\n\n  @keyframes iahParticle {\n    0%,\n    100% {\n      opacity: 0.18;\n\n      transform:\n        translate3d(0, 6px, 30px)\n        scale(0.7);\n    }\n\n    50% {\n      opacity: 0.9;\n\n      transform:\n        translate3d(5px, -7px, 84px)\n        scale(1.08);\n    }\n  }\n\n  .iah-hud.is-iah-paused *,\n  .iah-hud.is-iah-paused *::before,\n  .iah-hud.is-iah-paused *::after {\n    animation-play-state: paused !important;\n  }\n\n  @media (max-width: 1100px) {\n    .iah-hud {\n      min-height: 840px;\n    }\n\n    .iah-core-stage {\n      top: 45%;\n      width: clamp(320px, 43vw, 475px);\n    }\n\n    .iah-panel--title {\n      top: 45%;\n      left: 3%;\n\n      width: 30vw;\n    }\n\n    .iah-title-main {\n      font-size: clamp(22px, 2.7vw, 36px);\n    }\n\n    .iah-title-accent {\n      font-size: clamp(19px, 2.3vw, 31px);\n    }\n\n    .iah-panel--approval {\n      top: 44%;\n      right: 3%;\n\n      width: 31vw;\n    }\n\n    .iah-panel--flow,\n    .iah-panel--matrix {\n      bottom: 8%;\n\n      width: 27vw;\n    }\n\n    .iah-timeline {\n      right: 29%;\n      left: 29%;\n\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    .iah-timeline__label {\n      display: none;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .iah-hud {\n      width: 100vw;\n      max-width: none;\n      min-height: 1030px;\n\n      margin-left: calc(50% - 50vw);\n\n      overflow: hidden;\n\n      perspective: 900px;\n    }\n\n    .iah-topbar {\n      top: 15px;\n      left: 10px;\n      right: 10px;\n\n      gap: 8px;\n\n      font-size: 5.4px;\n      letter-spacing: 0.08em;\n    }\n\n    .iah-topbar__center,\n    .iah-microtext {\n      display: none;\n    }\n\n    .iah-topbar > span:first-child,\n    .iah-online {\n      white-space: nowrap;\n    }\n\n    .iah-panel {\n      padding: 11px;\n\n      text-align: left;\n\n      transform: none !important;\n    }\n\n    .iah-panel::before {\n      display: none;\n    }\n\n    .iah-panel__corners {\n      inset: 5px;\n    }\n\n    .iah-panel__meta,\n    .iah-panel__footer,\n    .iah-progress__label,\n    .iah-data-row,\n    .iah-title-data,\n    .iah-mini-header,\n    .iah-flow-footer {\n      gap: 5px;\n\n      font-size: 5.3px;\n      line-height: 1.25;\n      letter-spacing: 0.065em;\n    }\n\n    .iah-panel--title {\n      top: 58px;\n      left: 10px;\n      right: 10px;\n\n      width: auto;\n      height: 148px;\n\n      padding: 14px 16px;\n    }\n\n    .iah-panel__index {\n      margin-bottom: 11px;\n\n      font-size: 6px;\n      letter-spacing: 0.11em;\n    }\n\n    .iah-panel__index strong {\n      font-size: 6px;\n    }\n\n    .iah-kicker {\n      margin-bottom: 4px;\n\n      font-size: 6.3px;\n      letter-spacing: 0.16em;\n    }\n\n    .iah-title-main {\n      font-size: clamp(20px, 6.4vw, 29px);\n      letter-spacing: 0.035em;\n    }\n\n    .iah-title-accent {\n      margin-top: 5px;\n\n      font-size: clamp(18px, 5.7vw, 26px);\n      letter-spacing: 0.018em;\n    }\n\n    .iah-title-line {\n      margin: 11px 0 7px;\n    }\n\n    .iah-panel--step {\n      top: 221px;\n      left: 10px;\n\n      width: 37%;\n      height: 156px;\n\n      padding: 10px;\n    }\n\n    .iah-step-display {\n      gap: 5px;\n\n      margin: 10px 0 7px;\n    }\n\n    .iah-step-digit {\n      height: 82px;\n    }\n\n    .iah-step-digit > span {\n      font-size: clamp(43px, 13vw, 60px);\n    }\n\n    .iah-step-digit > b {\n      bottom: 5px;\n      left: 5px;\n\n      font-size: 4px;\n      letter-spacing: 0.1em;\n    }\n\n    .iah-step-digit > i {\n      right: 4px;\n    }\n\n    .iah-panel--status {\n      top: 221px;\n      right: 10px;\n\n      width: calc(63% - 30px);\n      min-height: 182px;\n\n      padding: 11px;\n    }\n\n    .iah-status-heading {\n      margin: 13px 0 12px;\n    }\n\n    .iah-status-heading > span {\n      margin-bottom: 5px;\n\n      font-size: 5.5px;\n      letter-spacing: 0.1em;\n    }\n\n    .iah-status-heading strong {\n      font-size: clamp(14px, 4.3vw, 19px);\n      letter-spacing: 0.045em;\n    }\n\n    .iah-status-heading em {\n      margin-top: 4px;\n\n      font-size: 0.72em;\n      letter-spacing: 0.015em;\n    }\n\n    .iah-progress {\n      margin-bottom: 10px;\n    }\n\n    .iah-core-stage {\n      top: 525px;\n      left: 50%;\n\n      width: min(76vw, 305px);\n\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .iah-core {\n      transform:\n        translate3d(-50%, -50%, 65px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .iah-core-marker {\n      font-size: 4.8px;\n    }\n\n    .iah-core-caption span {\n      font-size: 5px;\n    }\n\n    .iah-core-caption strong {\n      font-size: 6px;\n      letter-spacing: 0.17em;\n    }\n\n    .iah-panel--approval {\n      top: 670px;\n      left: 10px;\n      right: auto;\n\n      width: 60%;\n      min-height: 242px;\n\n      padding: 13px;\n    }\n\n    .iah-approval__header {\n      gap: 7px;\n    }\n\n    .iah-approval__header span {\n      font-size: 5.4px;\n      letter-spacing: 0.08em;\n    }\n\n    .iah-approval__header small {\n      font-size: 4.6px;\n      letter-spacing: 0.04em;\n    }\n\n    .iah-approval__heading {\n      margin: 12px 0 9px;\n    }\n\n    .iah-approval__heading span {\n      font-size: clamp(13px, 4vw, 18px);\n      letter-spacing: 0.045em;\n    }\n\n    .iah-approval__heading strong {\n      margin-top: 4px;\n\n      font-size: clamp(6px, 1.9vw, 8.5px);\n      letter-spacing: 0.055em;\n    }\n\n    .iah-panel--approval p {\n      margin-bottom: 12px;\n\n      font-size: 8.4px;\n      line-height: 1.43;\n      letter-spacing: 0.012em;\n    }\n\n    .iah-approval__tags {\n      gap: 4px;\n\n      max-width: calc(100% - 29px);\n    }\n\n    .iah-approval__tags span {\n      padding: 4px 5px;\n\n      font-size: 4.5px;\n      letter-spacing: 0.035em;\n    }\n\n    .iah-approval__scanner {\n      right: 8px;\n      bottom: 8px;\n\n      width: 27px;\n      height: 27px;\n    }\n\n    .iah-panel--flow {\n      top: 670px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(40% - 30px);\n      height: 116px;\n\n      padding: 9px;\n    }\n\n    .iah-flow-map {\n      height: 72px;\n      margin: 7px 0 0;\n    }\n\n    .iah-flow-node {\n      gap: 3px;\n\n      font-size: 4px;\n      letter-spacing: 0.03em;\n    }\n\n    .iah-flow-node i {\n      width: 4px;\n      height: 4px;\n    }\n\n    .iah-flow-footer {\n      display: none;\n    }\n\n    .iah-panel--matrix {\n      top: 798px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(40% - 30px);\n      height: 114px;\n\n      padding: 9px;\n    }\n\n    .iah-matrix {\n      gap: 5px;\n      margin-top: 8px;\n    }\n\n    .iah-matrix > div {\n      grid-template-columns: 35px 1fr 12px;\n      gap: 4px;\n    }\n\n    .iah-matrix span,\n    .iah-matrix strong {\n      font-size: 4.4px;\n      letter-spacing: 0.025em;\n    }\n\n    .iah-timeline {\n      right: 14px;\n      bottom: 25px;\n      left: 14px;\n\n      display: block;\n    }\n\n    .iah-timeline__label {\n      display: none;\n    }\n\n    .iah-timeline__track span {\n      gap: 7px;\n\n      font-size: 5px;\n      letter-spacing: 0.045em;\n    }\n\n    .iah-timeline__track i {\n      width: 6px;\n      height: 6px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .iah-hud {\n      min-height: 1040px;\n    }\n\n    .iah-title-main {\n      font-size: clamp(19px, 6.1vw, 25px);\n    }\n\n    .iah-title-accent {\n      font-size: clamp(17px, 5.45vw, 22px);\n      letter-spacing: 0.01em;\n    }\n\n    .iah-panel--step {\n      width: 38%;\n    }\n\n    .iah-panel--status {\n      width: calc(62% - 30px);\n    }\n\n    .iah-step-digit {\n      height: 78px;\n    }\n\n    .iah-step-digit > span {\n      font-size: clamp(40px, 12vw, 53px);\n    }\n\n    .iah-status-heading em {\n      font-size: 0.65em;\n    }\n\n    .iah-core-stage {\n      width: min(77vw, 285px);\n    }\n\n    .iah-panel--approval {\n      width: 62%;\n    }\n\n    .iah-panel--flow,\n    .iah-panel--matrix {\n      width: calc(38% - 30px);\n    }\n\n    .iah-panel--approval p {\n      font-size: 8px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .iah-hud *,\n    .iah-hud *::before,\n    .iah-hud *::after {\n      animation-duration: 0.001ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.001ms !important;\n    }\n\n    .iah-core-stage {\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .iah-core {\n      transform:\n        translate3d(-50%, -50%, 70px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-277a0f51 e-con-full development-scene scene-04 e-flex e-con e-child\" data-id=\"277a0f51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c4c8739 hud-scene-host liquid-glass elementor-widget elementor-widget-html\" data-id=\"3c4c8739\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\n  class=\"asset-hud\"\n  data-asset-hud\n  aria-label=\"Client Files and Project Intake\" data-hud-runtime data-hud-x-var=\"--asset-mx\" data-hud-y-var=\"--asset-my\" data-hud-panel=\".asset-panel\" data-hud-paused-class=\"is-asset-paused\" data-hud-strength=\"0.80\" data-hud-smoothing=\"0.06\" data-hud-threshold=\"0.0004\" data-hud-mobile-fit=\"true\">\n  <div class=\"asset-topbar\" aria-hidden=\"true\">\n    <span>SECURE ASSET INTAKE SYSTEM<\/span>\n\n    <div class=\"asset-topbar__center\">\n      <i><\/i>\n      <span>TRANSFER CHANNEL 04<\/span>\n      <i><\/i>\n    <\/div>\n\n    <span class=\"asset-online\">\n      <b><\/b>\n      SECURE LINK ACTIVE\n    <\/span>\n  <\/div>\n\n  <article class=\"asset-panel asset-panel--step\">\n    <div class=\"asset-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"asset-panel__meta\">\n      <span>PROCESS SEQUENCE<\/span>\n      <span>04 \/ 06<\/span>\n    <\/div>\n\n    <div class=\"asset-step-display\" aria-label=\"Step 04\">\n      <div class=\"asset-step-digit\">\n        <span>0<\/span>\n        <i><\/i>\n        <b>BASE<\/b>\n      <\/div>\n\n      <div class=\"asset-step-digit asset-step-digit--active\">\n        <span>4<\/span>\n        <i><\/i>\n        <b>LIVE<\/b>\n      <\/div>\n    <\/div>\n\n    <div class=\"asset-panel__footer\">\n      <span>INTAKE NODE<\/span>\n      <span class=\"asset-status-dot\">ACTIVE<\/span>\n    <\/div>\n  <\/article>\n\n  <article class=\"asset-panel asset-panel--status\">\n    <div class=\"asset-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"asset-panel__meta\">\n      <span>TRANSFER STATE<\/span>\n      <span>04:26:18<\/span>\n    <\/div>\n\n    <div class=\"asset-status-heading\">\n      <span>PROJECT INTAKE<\/span>\n\n      <strong>\n        SECURE\n        <em>FILE TRANSFER<\/em>\n      <\/strong>\n    <\/div>\n\n    <div class=\"asset-progress\">\n      <div class=\"asset-progress__label\">\n        <span>INTAKE CAPACITY<\/span>\n        <span>84.2%<\/span>\n      <\/div>\n\n      <div class=\"asset-progress__track\">\n        <i><\/i>\n      <\/div>\n    <\/div>\n\n    <div class=\"asset-data-row\">\n      <span>TRANSFER PROTOCOL<\/span>\n      <strong>AES-256<\/strong>\n    <\/div>\n\n    <div class=\"asset-data-row\">\n      <span>VAULT STATUS<\/span>\n      <strong>OPEN<\/strong>\n    <\/div>\n  <\/article>\n\n  <article class=\"asset-panel asset-panel--title\">\n    <div class=\"asset-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"asset-panel__index\">\n      <span>MODULE<\/span>\n      <strong>INTAKE.04<\/strong>\n    <\/div>\n\n    <p class=\"asset-kicker\">CLIENT FILES<\/p>\n\n    <h2>\n      <span class=\"asset-title-main\">PROJECT<\/span>\n      <span class=\"asset-title-accent\">INTAKE<\/span>\n    <\/h2>\n\n    <div class=\"asset-title-line\" aria-hidden=\"true\">\n      <i><\/i>\n      <b><\/b>\n      <i><\/i>\n    <\/div>\n\n    <div class=\"asset-title-data\">\n      <span>INPUT \/ CLIENT ASSETS<\/span>\n      <span>MODE \/ SECURE TRANSFER<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"asset-core-stage\" aria-hidden=\"true\">\n    <div class=\"asset-core-stage__axis asset-core-stage__axis--x\"><\/div>\n    <div class=\"asset-core-stage__axis asset-core-stage__axis--y\"><\/div>\n\n    <span class=\"asset-core-marker asset-core-marker--01\">LOGO<\/span>\n    <span class=\"asset-core-marker asset-core-marker--02\">CONTENT<\/span>\n    <span class=\"asset-core-marker asset-core-marker--03\">PHOTOS<\/span>\n    <span class=\"asset-core-marker asset-core-marker--04\">BRAND DATA<\/span>\n\n    <div class=\"asset-core\">\n      <div class=\"asset-core__scan\"><\/div>\n\n      <div class=\"asset-core__radar\"><\/div>\n\n      <div class=\"asset-core__orbit asset-core__orbit--01\"><\/div>\n      <div class=\"asset-core__orbit asset-core__orbit--02\"><\/div>\n      <div class=\"asset-core__orbit asset-core__orbit--03\"><\/div>\n\n      <div class=\"asset-core__vault\">\n        <svg viewBox=\"0 0 460 460\" role=\"presentation\">\n          <g\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <circle\n              cx=\"230\"\n              cy=\"230\"\n              r=\"198\"\n              stroke-width=\"1\"\n              opacity=\".24\"\n            \/>\n\n            <circle\n              cx=\"230\"\n              cy=\"230\"\n              r=\"158\"\n              stroke-width=\"1\"\n              stroke-dasharray=\"4 9\"\n              opacity=\".2\"\n            \/>\n\n            <ellipse\n              cx=\"230\"\n              cy=\"230\"\n              rx=\"198\"\n              ry=\"67\"\n              stroke-width=\".8\"\n              opacity=\".24\"\n            \/>\n\n            <ellipse\n              cx=\"230\"\n              cy=\"230\"\n              rx=\"78\"\n              ry=\"198\"\n              stroke-width=\".8\"\n              opacity=\".24\"\n            \/>\n\n            <path\n              d=\"\n                M230 82\n                L354 151\n                L354 294\n                L230 368\n                L106 294\n                L106 151\n                Z\n              \"\n              stroke-width=\"1.4\"\n              opacity=\".85\"\n            \/>\n\n            <path\n              d=\"\n                M230 82\n                L230 222\n                L354 294\n\n                M230 222\n                L106 294\n\n                M230 222\n                L354 151\n\n                M230 222\n                L106 151\n              \"\n              stroke-width=\"1\"\n              opacity=\".62\"\n            \/>\n\n            <path\n              d=\"\n                M106 151\n                L230 221\n                L354 151\n\n                M106 294\n                L230 365\n                L354 294\n              \"\n              stroke-width=\".9\"\n              opacity=\".38\"\n            \/>\n\n            <path\n              d=\"\n                M230 132\n                L311 177\n                L311 272\n                L230 320\n                L149 272\n                L149 177\n                Z\n              \"\n              stroke-width=\"1.1\"\n              opacity=\".72\"\n            \/>\n\n            <path\n              d=\"\n                M230 132\n                L230 226\n                L311 272\n\n                M230 226\n                L149 272\n\n                M230 226\n                L311 177\n\n                M230 226\n                L149 177\n              \"\n              stroke-width=\".8\"\n              opacity=\".48\"\n            \/>\n\n            <rect\n              x=\"179\"\n              y=\"171\"\n              width=\"102\"\n              height=\"112\"\n              rx=\"5\"\n              stroke-width=\"1.2\"\n              opacity=\".9\"\n            \/>\n\n            <path\n              d=\"\n                M198 194H262\n                M198 210H252\n                M198 226H264\n                M198 242H238\n              \"\n              stroke-width=\".9\"\n              opacity=\".62\"\n            \/>\n\n            <path\n              d=\"\n                M256 171\n                V195\n                H281\n              \"\n              stroke-width=\".9\"\n              opacity=\".75\"\n            \/>\n\n            <path\n              d=\"\n                M66 230H145\n                M315 230H394\n                M230 42V130\n                M230 320V418\n              \"\n              stroke-width=\"1\"\n              stroke-dasharray=\"4 7\"\n              opacity=\".48\"\n            \/>\n\n            <path\n              d=\"\n                M135 222\n                L149 230\n                L135 238\n                Z\n\n                M325 222\n                L311 230\n                L325 238\n                Z\n\n                M222 120\n                L230 134\n                L238 120\n                Z\n\n                M222 330\n                L230 316\n                L238 330\n                Z\n              \"\n              fill=\"currentColor\"\n              stroke=\"none\"\n              opacity=\".7\"\n            \/>\n\n            <rect\n              x=\"35\"\n              y=\"198\"\n              width=\"58\"\n              height=\"64\"\n              rx=\"4\"\n              stroke-width=\".9\"\n              opacity=\".55\"\n            \/>\n\n            <rect\n              x=\"367\"\n              y=\"198\"\n              width=\"58\"\n              height=\"64\"\n              rx=\"4\"\n              stroke-width=\".9\"\n              opacity=\".55\"\n            \/>\n\n            <rect\n              x=\"201\"\n              y=\"22\"\n              width=\"58\"\n              height=\"48\"\n              rx=\"4\"\n              stroke-width=\".9\"\n              opacity=\".55\"\n            \/>\n\n            <rect\n              x=\"201\"\n              y=\"390\"\n              width=\"58\"\n              height=\"48\"\n              rx=\"4\"\n              stroke-width=\".9\"\n              opacity=\".55\"\n            \/>\n\n            <path\n              d=\"\n                M47 216H80\n                M47 228H72\n                M47 240H84\n\n                M379 216H412\n                M379 228H404\n                M379 240H416\n\n                M213 40H247\n                M213 52H239\n\n                M213 408H247\n                M213 420H239\n              \"\n              stroke-width=\".7\"\n              opacity=\".48\"\n            \/>\n\n            <circle\n              cx=\"230\"\n              cy=\"230\"\n              r=\"42\"\n              stroke-width=\"1\"\n              stroke-dasharray=\"3 6\"\n              opacity=\".5\"\n            \/>\n\n            <circle\n              cx=\"230\"\n              cy=\"230\"\n              r=\"25\"\n              stroke-width=\"1\"\n              opacity=\".62\"\n            \/>\n          <\/g>\n\n          <g fill=\"currentColor\">\n            <circle cx=\"230\" cy=\"82\" r=\"3\" \/>\n            <circle cx=\"354\" cy=\"151\" r=\"3\" \/>\n            <circle cx=\"354\" cy=\"294\" r=\"3\" \/>\n            <circle cx=\"230\" cy=\"368\" r=\"3\" \/>\n            <circle cx=\"106\" cy=\"294\" r=\"3\" \/>\n            <circle cx=\"106\" cy=\"151\" r=\"3\" \/>\n\n            <circle cx=\"66\" cy=\"230\" r=\"2.5\" \/>\n            <circle cx=\"394\" cy=\"230\" r=\"2.5\" \/>\n            <circle cx=\"230\" cy=\"42\" r=\"2.5\" \/>\n            <circle cx=\"230\" cy=\"418\" r=\"2.5\" \/>\n          <\/g>\n\n          <g\n            fill=\"currentColor\"\n            font-family=\"Arial, sans-serif\"\n            font-size=\"8\"\n            letter-spacing=\"1\"\n            text-anchor=\"middle\"\n            opacity=\".54\"\n          >\n            <text x=\"64\" y=\"276\">LOGO<\/text>\n            <text x=\"396\" y=\"276\">MEDIA<\/text>\n            <text x=\"230\" y=\"16\">BRAND<\/text>\n            <text x=\"230\" y=\"454\">CONTENT<\/text>\n            <text x=\"230\" y=\"305\">VAULT<\/text>\n          <\/g>\n        <\/svg>\n      <\/div>\n\n      <div class=\"asset-core__lock\">\n        <span><\/span>\n        <i><\/i>\n      <\/div>\n\n      <div class=\"asset-packet asset-packet--01\"><\/div>\n      <div class=\"asset-packet asset-packet--02\"><\/div>\n      <div class=\"asset-packet asset-packet--03\"><\/div>\n      <div class=\"asset-packet asset-packet--04\"><\/div>\n\n      <div class=\"asset-particle asset-particle--01\"><\/div>\n      <div class=\"asset-particle asset-particle--02\"><\/div>\n      <div class=\"asset-particle asset-particle--03\"><\/div>\n      <div class=\"asset-particle asset-particle--04\"><\/div>\n      <div class=\"asset-particle asset-particle--05\"><\/div>\n      <div class=\"asset-particle asset-particle--06\"><\/div>\n    <\/div>\n\n    <div class=\"asset-core-caption\">\n      <span>ASSET TRANSFER VAULT<\/span>\n      <strong>SECURE CHANNEL LOCKED<\/strong>\n    <\/div>\n  <\/div>\n\n  <article class=\"asset-panel asset-panel--intake\">\n    <div class=\"asset-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"asset-intake__header\">\n      <span>CLIENT MATERIALS<\/span>\n      <small>SECURE INTAKE<\/small>\n    <\/div>\n\n    <div class=\"asset-intake__heading\">\n      <span>TRANSFER OF EXISTING<\/span>\n      <strong>MATERIALS &amp; ASSETS<\/strong>\n    <\/div>\n\n    <p>\n      You provide all available materials for the project, such as logo\n      files, brand guidelines, text content, photos, icons, and other\n      assets. We organize and transfer everything securely into the\n      project to ensure a smooth start.\n    <\/p>\n\n    <div class=\"asset-intake__tags\">\n      <span>LOGO FILES<\/span>\n      <span>BRAND GUIDE<\/span>\n      <span>TEXT CONTENT<\/span>\n      <span>PHOTOS<\/span>\n      <span>ICONS<\/span>\n    <\/div>\n\n    <div class=\"asset-intake__scanner\" aria-hidden=\"true\">\n      <i><\/i>\n    <\/div>\n  <\/article>\n\n  <article class=\"asset-panel asset-panel--manifest\">\n    <div class=\"asset-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"asset-mini-header\">\n      <span>ASSET MANIFEST<\/span>\n      <span>05 CATEGORIES<\/span>\n    <\/div>\n\n    <div class=\"asset-manifest\">\n      <div>\n        <span>LOGO<\/span>\n        <i style=\"--asset-level: 100%\"><\/i>\n        <strong>12<\/strong>\n      <\/div>\n\n      <div>\n        <span>BRAND<\/span>\n        <i style=\"--asset-level: 86%\"><\/i>\n        <strong>08<\/strong>\n      <\/div>\n\n      <div>\n        <span>CONTENT<\/span>\n        <i style=\"--asset-level: 74%\"><\/i>\n        <strong>24<\/strong>\n      <\/div>\n\n      <div>\n        <span>PHOTOS<\/span>\n        <i style=\"--asset-level: 92%\"><\/i>\n        <strong>48<\/strong>\n      <\/div>\n\n      <div>\n        <span>ICONS<\/span>\n        <i style=\"--asset-level: 68%\"><\/i>\n        <strong>32<\/strong>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"asset-panel asset-panel--routing\">\n    <div class=\"asset-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"asset-mini-header\">\n      <span>SECURE ROUTING<\/span>\n      <span>VAULT MAP<\/span>\n    <\/div>\n\n    <div class=\"asset-routing-map\" aria-hidden=\"true\">\n      <span class=\"asset-route-node asset-route-node--client\"><\/span>\n      <span class=\"asset-route-node asset-route-node--scan\"><\/span>\n      <span class=\"asset-route-node asset-route-node--vault\"><\/span>\n      <span class=\"asset-route-node asset-route-node--project\"><\/span>\n      <span class=\"asset-route-node asset-route-node--backup\"><\/span>\n\n      <i class=\"asset-route-link asset-route-link--01\"><\/i>\n      <i class=\"asset-route-link asset-route-link--02\"><\/i>\n      <i class=\"asset-route-link asset-route-link--03\"><\/i>\n      <i class=\"asset-route-link asset-route-link--04\"><\/i>\n\n      <b>VAULT<\/b>\n\n      <small class=\"asset-route-label asset-route-label--01\">\n        CLIENT\n      <\/small>\n\n      <small class=\"asset-route-label asset-route-label--02\">\n        SCAN\n      <\/small>\n\n      <small class=\"asset-route-label asset-route-label--03\">\n        PROJECT\n      <\/small>\n    <\/div>\n\n    <div class=\"asset-routing-footer\">\n      <span>ENCRYPTED ROUTES 04<\/span>\n      <span>PACKET LOSS 0.0%<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"asset-timeline\">\n    <div class=\"asset-timeline__label\">\n      <span>PROCESS FLOW<\/span>\n      <strong>ASSET INTAKE PROTOCOL<\/strong>\n    <\/div>\n\n    <div class=\"asset-timeline__track\">\n      <div class=\"asset-timeline__progress\"><\/div>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        CONTACT\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        DISCOVERY\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        STRUCTURE\n      <\/span>\n\n      <span class=\"is-active\">\n        <i><\/i>\n        ASSETS\n      <\/span>\n\n      <span>\n        <i><\/i>\n        DESIGN\n      <\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"asset-microtext asset-microtext--left\" aria-hidden=\"true\">\n    INTAKE_MODE \/\/ SECURE<br>\n    VAULT_CAPACITY \/\/ 84.2<br>\n    FILE_CHANNELS \/\/ 05\n  <\/div>\n\n  <div class=\"asset-microtext asset-microtext--right\" aria-hidden=\"true\">\n    CLIENT.ASSETS.04<br>\n    ENCRYPTED TRANSFER<br>\n    SYSTEM REVISION 27.4\n  <\/div>\n<\/section>\n\n<style>\n  .asset-hud {\n    --asset-cyan: #eadbc8;\n    --asset-cyan-strong: #eadbc8;\n    --asset-blue: #702b3d;\n    --asset-violet: #702b3d;\n    --asset-white: #eadbc8;\n\n    --asset-line: rgba(234, 219, 200, 0.295);\n    --asset-line-soft: rgba(234, 219, 200, 0.118);\n\n    --asset-mx: 0;\n    --asset-my: 0;\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    min-height: clamp(720px, 86vh, 960px);\n\n    overflow: hidden;\n    isolation: isolate;\n    contain: layout paint style;\n\n    perspective: 1200px;\n\n    color: var(--asset-white);\n    background: transparent;\n\n    font-family:\n      \"Arial Narrow\",\n      \"Roboto Condensed\",\n      \"Helvetica Neue\",\n      Arial,\n      sans-serif;\n\n    text-transform: uppercase;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .asset-hud *,\n  .asset-hud *::before,\n  .asset-hud *::after {\n    box-sizing: border-box;\n  }\n\n  .asset-hud * {\n    min-width: 0;\n  }\n\n  .asset-hud::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 20;\n    inset: 0;\n\n    pointer-events: none;\n\n    background: repeating-linear-gradient(\n      180deg,\n      transparent 0,\n      transparent 5px,\n      rgba(234, 219, 200, 0.02) 6px\n    );\n\n    opacity: 0.45;\n  }\n\n  .asset-topbar {\n    position: absolute;\n    z-index: 9;\n\n    top: 22px;\n    left: 3%;\n    right: 3%;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n\n    color: rgba(234, 219, 200, 0.59);\n\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: 0.22em;\n\n    white-space: nowrap;\n  }\n\n  .asset-topbar::after {\n    content: \"\";\n\n    position: absolute;\n    top: calc(100% + 10px);\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      var(--asset-line),\n      transparent 24%,\n      transparent 76%,\n      var(--asset-line)\n    );\n  }\n\n  .asset-topbar__center {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .asset-topbar__center i {\n    display: block;\n\n    width: 34px;\n    height: 1px;\n\n    background: var(--asset-line);\n  }\n\n  .asset-online {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    color: var(--asset-cyan);\n  }\n\n  .asset-online b {\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--asset-cyan);\n    box-shadow: 0 0 10px rgba(234, 219, 200, 0.92);\n\n    animation: assetBlink 3.2s ease-in-out infinite;\n  }\n\n  .asset-panel {\n    position: absolute;\n    z-index: 5;\n\n    padding: 18px;\n    overflow: hidden;\n\n    border: 1px solid var(--asset-line);\n\n    background: linear-gradient(\n      135deg,\n      rgba(18, 7, 10, 0.78),\n      rgba(18, 7, 10, 0.38)\n    );\n\n    box-shadow:\n      inset 0 0 28px rgba(234, 219, 200, 0.029),\n      0 18px 60px rgba(0, 0, 0, 0.16);\n\n    outline: none;\n\n    transform:\n      translate3d(\n        calc(var(--asset-mx) * var(--asset-shift-x, 0px)),\n        calc(var(--asset-my) * var(--asset-shift-y, 0px)),\n        0\n      );\n\n    transition:\n      border-color 350ms ease,\n      box-shadow 450ms ease,\n      background-color 450ms ease;\n  }\n\n  .asset-panel::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: 0;\n    left: -90%;\n\n    width: 46%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.077),\n      transparent\n    );\n\n    transform: skewX(-16deg);\n\n    transition:\n      left 750ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .asset-panel::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: -30%;\n    left: 0;\n    right: 0;\n\n    height: 24px;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.106),\n      transparent\n    );\n\n    opacity: 0;\n  }\n\n  .asset-panel:hover,\n  .asset-panel:focus-visible,\n  .asset-panel.is-touch-active {\n    border-color: rgba(234, 219, 200, 0.684);\n\n    box-shadow:\n      inset 0 0 34px rgba(234, 219, 200, 0.053),\n      0 0 24px rgba(234, 219, 200, 0.071),\n      0 18px 60px rgba(0, 0, 0, 0.2);\n  }\n\n  .asset-panel:hover::before,\n  .asset-panel:focus-visible::before,\n  .asset-panel.is-touch-active::before {\n    left: 145%;\n  }\n\n  .asset-panel:hover::after,\n  .asset-panel:focus-visible::after,\n  .asset-panel.is-touch-active::after {\n    opacity: 1;\n\n    animation: assetPanelScan 2.3s linear infinite;\n  }\n\n  .asset-panel > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .asset-panel__corners {\n    position: absolute;\n    z-index: 2;\n\n    inset: 7px;\n\n    pointer-events: none;\n\n    background:\n      linear-gradient(var(--asset-cyan), var(--asset-cyan)) left top \/ 11px 1px no-repeat,\n      linear-gradient(var(--asset-cyan), var(--asset-cyan)) left top \/ 1px 11px no-repeat,\n      linear-gradient(var(--asset-cyan), var(--asset-cyan)) right top \/ 11px 1px no-repeat,\n      linear-gradient(var(--asset-cyan), var(--asset-cyan)) right top \/ 1px 11px no-repeat,\n      linear-gradient(var(--asset-cyan), var(--asset-cyan)) left bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--asset-cyan), var(--asset-cyan)) left bottom \/ 1px 11px no-repeat,\n      linear-gradient(var(--asset-cyan), var(--asset-cyan)) right bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--asset-cyan), var(--asset-cyan)) right bottom \/ 1px 11px no-repeat;\n\n    opacity: 0.54;\n  }\n\n  .asset-panel__meta,\n  .asset-panel__footer,\n  .asset-progress__label,\n  .asset-data-row,\n  .asset-title-data,\n  .asset-mini-header,\n  .asset-routing-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n\n    color: rgba(234, 219, 200, 0.507);\n\n    font-size: 7px;\n    font-weight: 600;\n    line-height: 1.3;\n    letter-spacing: 0.15em;\n  }\n\n  .asset-panel--step {\n    --asset-shift-x: -6px;\n    --asset-shift-y: -4px;\n\n    top: 13%;\n    left: 3.5%;\n\n    width: clamp(205px, 17vw, 270px);\n  }\n\n  .asset-step-display {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 8px;\n\n    margin: 14px 0 10px;\n  }\n\n  .asset-step-digit {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    height: clamp(82px, 8vw, 118px);\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n\n    background: linear-gradient(\n      145deg,\n      rgba(234, 219, 200, 0.041),\n      rgba(234, 219, 200, 0.006)\n    );\n\n    clip-path: polygon(\n      0 10px,\n      10px 0,\n      100% 0,\n      100% calc(100% - 10px),\n      calc(100% - 10px) 100%,\n      0 100%\n    );\n  }\n\n  .asset-step-digit::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 8px;\n    left: 8px;\n    right: 8px;\n\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      var(--asset-cyan),\n      transparent\n    );\n\n    opacity: 0.35;\n  }\n\n  .asset-step-digit::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 8px;\n    bottom: 8px;\n\n    width: 15px;\n    height: 1px;\n\n    background: var(--asset-line);\n  }\n\n  .asset-step-digit > span {\n    color: transparent;\n\n    font-size: clamp(58px, 6.5vw, 94px);\n    font-weight: 300;\n    line-height: 0.8;\n    letter-spacing: -0.08em;\n\n    font-variant-numeric: tabular-nums;\n\n    -webkit-text-stroke:\n      1px rgba(234, 219, 200, 0.59);\n\n    transform: translateY(-2px);\n  }\n\n  .asset-step-digit > i {\n    position: absolute;\n\n    top: 50%;\n    right: 7px;\n\n    width: 3px;\n    height: 28%;\n\n    background: repeating-linear-gradient(\n      180deg,\n      var(--asset-cyan) 0 2px,\n      transparent 2px 5px\n    );\n\n    opacity: 0.3;\n\n    transform: translateY(-50%);\n  }\n\n  .asset-step-digit > b {\n    position: absolute;\n\n    bottom: 7px;\n    left: 8px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 5px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n  }\n\n  .asset-step-digit--active {\n    border-color: rgba(234, 219, 200, 0.566);\n\n    background: linear-gradient(\n      145deg,\n      rgba(112, 43, 61, 0.09),\n      rgba(234, 219, 200, 0.047)\n    );\n\n    box-shadow:\n      inset 0 0 22px rgba(234, 219, 200, 0.059);\n  }\n\n  .asset-step-digit--active > span {\n    color: rgba(234, 219, 200, 0.077);\n\n    -webkit-text-stroke-color: var(--asset-cyan);\n\n    text-shadow:\n      0 0 18px rgba(234, 219, 200, 0.177);\n  }\n\n  .asset-step-digit--active > b {\n    color: var(--asset-cyan);\n  }\n\n  .asset-status-dot {\n    color: var(--asset-cyan);\n  }\n\n  .asset-status-dot::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 4px;\n    height: 4px;\n    margin-right: 7px;\n\n    border-radius: 50%;\n\n    background: var(--asset-cyan);\n    box-shadow: 0 0 8px var(--asset-cyan);\n  }\n\n  .asset-panel--status {\n    --asset-shift-x: 8px;\n    --asset-shift-y: -5px;\n\n    top: 13%;\n    right: 4%;\n\n    width: clamp(250px, 22vw, 340px);\n  }\n\n  .asset-status-heading {\n    margin: 24px 0 22px;\n  }\n\n  .asset-status-heading > span {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--asset-violet);\n\n    font-size: 9px;\n    letter-spacing: 0.28em;\n  }\n\n  .asset-status-heading strong {\n    display: block;\n\n    color: var(--asset-white);\n\n    font-size: clamp(19px, 1.8vw, 28px);\n    font-weight: 300;\n    line-height: 1;\n    letter-spacing: 0.1em;\n  }\n\n  .asset-status-heading em {\n    display: block;\n\n    margin-top: 5px;\n\n    color: var(--asset-cyan);\n\n    font-size: 0.8em;\n    font-style: normal;\n    letter-spacing: 0.05em;\n\n    white-space: nowrap;\n  }\n\n  .asset-progress {\n    margin-bottom: 18px;\n  }\n\n  .asset-progress__track {\n    height: 3px;\n    margin-top: 9px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.118);\n  }\n\n  .asset-progress__track i {\n    display: block;\n\n    width: 84.2%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      var(--asset-violet),\n      var(--asset-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      assetProgress 3.2s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .asset-data-row {\n    padding: 8px 0;\n\n    border-top: 1px solid var(--asset-line-soft);\n  }\n\n  .asset-data-row strong {\n    color: var(--asset-cyan);\n\n    font-size: 8px;\n    font-weight: 500;\n\n    white-space: nowrap;\n  }\n\n  .asset-panel--title {\n    --asset-shift-x: -11px;\n    --asset-shift-y: 8px;\n\n    top: 43%;\n    left: 4%;\n\n    width: clamp(300px, 27vw, 410px);\n    padding: clamp(21px, 2vw, 32px);\n  }\n\n  .asset-panel__index {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n\n    margin-bottom: 27px;\n\n    color: rgba(234, 219, 200, 0.472);\n\n    font-size: 8px;\n    letter-spacing: 0.2em;\n  }\n\n  .asset-panel__index strong {\n    color: var(--asset-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n  }\n\n  .asset-kicker {\n    margin: 0 0 8px;\n\n    color: var(--asset-violet);\n\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 0.3em;\n  }\n\n  .asset-panel--title h2 {\n    width: 100%;\n    margin: 0;\n\n    font-weight: 300;\n    line-height: 0.94;\n  }\n\n  .asset-title-main,\n  .asset-title-accent {\n    display: block;\n\n    width: 100%;\n    max-width: 100%;\n\n    white-space: nowrap;\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  .asset-title-main {\n    color: var(--asset-white);\n\n    font-size: clamp(30px, 3.2vw, 52px);\n    letter-spacing: 0.065em;\n  }\n\n  .asset-title-accent {\n    margin-top: 9px;\n\n    color: var(--asset-cyan);\n\n    font-size: clamp(28px, 2.9vw, 47px);\n    letter-spacing: 0.05em;\n\n    text-shadow:\n      0 0 22px rgba(234, 219, 200, 0.201);\n  }\n\n  .asset-title-line {\n    display: grid;\n    grid-template-columns: 1fr 5px 0.34fr;\n    align-items: center;\n    gap: 8px;\n\n    margin: 23px 0 14px;\n  }\n\n  .asset-title-line i {\n    display: block;\n\n    height: 1px;\n\n    background: var(--asset-line);\n  }\n\n  .asset-title-line b {\n    width: 5px;\n    height: 5px;\n\n    background: var(--asset-cyan);\n    box-shadow: 0 0 9px var(--asset-cyan);\n  }\n\n  .asset-panel--intake {\n    --asset-shift-x: 12px;\n    --asset-shift-y: 8px;\n\n    top: 41%;\n    right: 3%;\n\n    width: clamp(320px, 29vw, 450px);\n    padding: clamp(21px, 2vw, 30px);\n  }\n\n  .asset-intake__header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 15px;\n  }\n\n  .asset-intake__header span {\n    color: var(--asset-cyan);\n\n    font-size: 8px;\n    letter-spacing: 0.2em;\n  }\n\n  .asset-intake__header small {\n    color: rgba(234, 219, 200, 0.401);\n\n    font-size: 7px;\n    letter-spacing: 0.12em;\n  }\n\n  .asset-intake__heading {\n    margin: 21px 0 15px;\n  }\n\n  .asset-intake__heading span,\n  .asset-intake__heading strong {\n    display: block;\n  }\n\n  .asset-intake__heading span {\n    color: var(--asset-white);\n\n    font-size: clamp(16px, 1.45vw, 23px);\n    font-weight: 300;\n    letter-spacing: 0.08em;\n  }\n\n  .asset-intake__heading strong {\n    margin-top: 6px;\n\n    color: var(--asset-cyan);\n\n    font-size: clamp(17px, 1.55vw, 25px);\n    font-weight: 300;\n    letter-spacing: 0.055em;\n\n    white-space: nowrap;\n  }\n\n  .asset-panel--intake p {\n    max-width: 37em;\n    margin: 0 0 20px;\n\n    color: rgba(234, 219, 200, 0.909);\n\n    font-size: clamp(11px, 0.92vw, 14px);\n    font-weight: 300;\n    line-height: 1.65;\n    letter-spacing: 0.035em;\n\n    text-transform: none;\n\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  .asset-intake__tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n\n    max-width: calc(100% - 43px);\n  }\n\n  .asset-intake__tags span {\n    padding: 6px 8px;\n\n    border: 1px solid rgba(234, 219, 200, 0.201);\n\n    background: rgba(234, 219, 200, 0.029);\n\n    color: rgba(234, 219, 200, 0.826);\n\n    font-size: 7px;\n    letter-spacing: 0.1em;\n\n    white-space: nowrap;\n\n    transition:\n      border-color 350ms ease,\n      color 350ms ease,\n      background-color 350ms ease;\n  }\n\n  .asset-panel--intake:hover .asset-intake__tags span {\n    border-color: rgba(234, 219, 200, 0.378);\n    background: rgba(234, 219, 200, 0.053);\n    color: rgba(234, 219, 200, 1);\n  }\n\n  .asset-intake__scanner {\n    position: absolute;\n\n    right: 14px;\n    bottom: 14px;\n\n    width: 42px;\n    height: 42px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n    border-radius: 50%;\n  }\n\n  .asset-intake__scanner::before,\n  .asset-intake__scanner::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.26);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .asset-intake__scanner::before {\n    width: 74%;\n    height: 1px;\n  }\n\n  .asset-intake__scanner::after {\n    width: 1px;\n    height: 74%;\n  }\n\n  .asset-intake__scanner i {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 50%;\n    height: 50%;\n\n    background: conic-gradient(\n      from -28deg,\n      rgba(234, 219, 200, 0.224),\n      transparent 42deg\n    );\n\n    transform-origin: 0 0;\n\n    animation: assetRadar 8s linear infinite;\n  }\n\n  .asset-core-stage {\n    position: absolute;\n    z-index: 3;\n\n    top: 47%;\n    left: 50%;\n\n    width: clamp(345px, 37vw, 585px);\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 0)\n      rotateX(calc(var(--asset-my) * -5deg))\n      rotateY(calc(var(--asset-mx) * 7deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .asset-core-stage::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 4%;\n\n    border: 1px solid rgba(234, 219, 200, 0.088);\n    border-radius: 50%;\n\n    box-shadow:\n      inset 0 0 80px rgba(234, 219, 200, 0.029),\n      0 0 75px rgba(234, 219, 200, 0.029);\n  }\n\n  .asset-core-stage__axis {\n    position: absolute;\n    z-index: -1;\n\n    top: 50%;\n    left: 50%;\n  }\n\n  .asset-core-stage__axis--x {\n    width: 125%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .asset-core-stage__axis--y {\n    width: 1px;\n    height: 125%;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .asset-core {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 77%;\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 70px)\n      rotateX(calc(var(--asset-my) * -4deg))\n      rotateY(calc(var(--asset-mx) * 5deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .asset-core__vault {\n    position: absolute;\n    inset: 5%;\n\n    color: var(--asset-cyan);\n\n    border-radius: 50%;\n\n    background: radial-gradient(\n      circle,\n      rgba(234, 219, 200, 0.031),\n      rgba(112, 43, 61, 0.014) 48%,\n      transparent 72%\n    );\n\n    transform: translateZ(42px);\n  }\n\n  .asset-core__vault svg {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: visible;\n\n    filter:\n      drop-shadow(0 0 5px rgba(234, 219, 200, 0.189));\n\n    animation:\n      assetVaultPulse 7.5s ease-in-out infinite;\n  }\n\n  .asset-core__orbit {\n    position: absolute;\n    inset: 0;\n\n    border: 1px solid rgba(234, 219, 200, 0.319);\n    border-radius: 50%;\n\n    transform-style: preserve-3d;\n  }\n\n  .asset-core__orbit::before,\n  .asset-core__orbit::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--asset-cyan);\n    box-shadow: 0 0 11px rgba(234, 219, 200, 0.944);\n  }\n\n  .asset-core__orbit::before {\n    top: -3px;\n    left: 50%;\n  }\n\n  .asset-core__orbit::after {\n    right: 10%;\n    bottom: 18%;\n\n    width: 3px;\n    height: 3px;\n  }\n\n  .asset-core__orbit--01 {\n    transform: rotateX(68deg) rotateZ(14deg);\n\n    animation:\n      assetOrbitOne 23s linear infinite;\n  }\n\n  .asset-core__orbit--02 {\n    inset: 5%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n\n    transform: rotateY(69deg) rotateZ(32deg);\n\n    animation:\n      assetOrbitTwo 29s linear infinite reverse;\n  }\n\n  .asset-core__orbit--03 {\n    inset: 13%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n    border-style: dashed;\n\n    transform: rotateX(56deg) rotateY(44deg);\n\n    animation:\n      assetOrbitThree 36s linear infinite;\n  }\n\n  .asset-core__radar {\n    position: absolute;\n    inset: -7%;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.118);\n    border-radius: 50%;\n\n    transform: translateZ(-30px);\n  }\n\n  .asset-core__radar::before,\n  .asset-core__radar::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.094);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .asset-core__radar::before {\n    width: 100%;\n    height: 1px;\n  }\n\n  .asset-core__radar::after {\n    width: 1px;\n    height: 100%;\n  }\n\n  .asset-core__scan {\n    position: absolute;\n    z-index: 8;\n\n    top: 12%;\n    left: 10%;\n\n    width: 80%;\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--asset-cyan),\n      transparent\n    );\n\n    box-shadow:\n      0 0 14px rgba(234, 219, 200, 0.59);\n\n    opacity: 0.58;\n\n    animation:\n      assetCoreScan 7.4s ease-in-out infinite;\n  }\n\n  .asset-core__lock {\n    position: absolute;\n    z-index: 10;\n\n    top: 50%;\n    left: 50%;\n\n    width: 24px;\n    height: 21px;\n\n    border: 1px solid rgba(234, 219, 200, 0.85);\n    border-radius: 3px;\n\n    background: rgba(234, 219, 200, 0.071);\n\n    transform:\n      translate3d(-50%, -40%, 105px);\n\n    animation:\n      assetLockPulse 4.8s ease-in-out infinite;\n  }\n\n  .asset-core__lock::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: 50%;\n    bottom: calc(100% - 2px);\n\n    width: 14px;\n    height: 13px;\n\n    border: 1px solid rgba(234, 219, 200, 0.85);\n    border-bottom: 0;\n    border-radius: 8px 8px 0 0;\n\n    transform: translateX(-50%);\n  }\n\n  .asset-core__lock::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 6px;\n    left: 50%;\n\n    width: 3px;\n    height: 7px;\n\n    border-radius: 3px;\n\n    background: var(--asset-cyan);\n\n    transform: translateX(-50%);\n  }\n\n  .asset-core__lock span {\n    position: absolute;\n    inset: -15px;\n\n    border: 1px dashed rgba(234, 219, 200, 0.307);\n    border-radius: 50%;\n\n    animation:\n      assetRadar 13s linear infinite;\n  }\n\n  .asset-core__lock i {\n    position: absolute;\n    inset: -29px;\n\n    border: 1px solid rgba(112, 43, 61, 0.14);\n    border-radius: 50%;\n  }\n\n  .asset-packet {\n    position: absolute;\n    z-index: 9;\n\n    width: 7px;\n    height: 3px;\n\n    border: 1px solid var(--asset-cyan);\n\n    background: rgba(234, 219, 200, 0.425);\n    box-shadow: 0 0 8px rgba(234, 219, 200, 0.708);\n  }\n\n  .asset-packet--01 {\n    top: 49%;\n    left: 4%;\n\n    animation:\n      assetPacketHorizontal 5.2s ease-in-out infinite;\n  }\n\n  .asset-packet--02 {\n    top: 49%;\n    right: 4%;\n\n    animation:\n      assetPacketHorizontalReverse 5.8s ease-in-out infinite;\n  }\n\n  .asset-packet--03 {\n    top: 4%;\n    left: 49%;\n\n    transform: rotate(90deg);\n\n    animation:\n      assetPacketVertical 6.2s ease-in-out infinite;\n  }\n\n  .asset-packet--04 {\n    bottom: 4%;\n    left: 49%;\n\n    transform: rotate(90deg);\n\n    animation:\n      assetPacketVerticalReverse 6.8s ease-in-out infinite;\n  }\n\n  .asset-particle {\n    position: absolute;\n\n    width: 3px;\n    height: 3px;\n\n    border-radius: 50%;\n\n    background: var(--asset-cyan);\n    box-shadow: 0 0 7px var(--asset-cyan);\n\n    animation:\n      assetParticle 6.4s ease-in-out infinite;\n  }\n\n  .asset-particle--01 {\n    top: 15%;\n    left: 23%;\n    animation-delay: -0.4s;\n  }\n\n  .asset-particle--02 {\n    top: 27%;\n    right: 12%;\n    animation-delay: -1.7s;\n  }\n\n  .asset-particle--03 {\n    right: 17%;\n    bottom: 18%;\n    animation-delay: -3.1s;\n  }\n\n  .asset-particle--04 {\n    bottom: 10%;\n    left: 40%;\n    animation-delay: -1.1s;\n  }\n\n  .asset-particle--05 {\n    top: 53%;\n    left: 5%;\n    animation-delay: -2.4s;\n  }\n\n  .asset-particle--06 {\n    top: 7%;\n    left: 58%;\n\n    background: var(--asset-violet);\n    box-shadow: 0 0 7px var(--asset-violet);\n\n    animation-delay: -3.8s;\n  }\n\n  .asset-core-marker {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.496);\n\n    font-size: 7px;\n    letter-spacing: 0.13em;\n  }\n\n  .asset-core-marker::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 17px;\n    height: 1px;\n    margin-right: 7px;\n\n    vertical-align: middle;\n\n    background: rgba(234, 219, 200, 0.26);\n  }\n\n  .asset-core-marker--01 {\n    top: 18%;\n    left: 0;\n  }\n\n  .asset-core-marker--02 {\n    top: 34%;\n    right: -3%;\n  }\n\n  .asset-core-marker--03 {\n    bottom: 17%;\n    left: 2%;\n  }\n\n  .asset-core-marker--04 {\n    right: 0;\n    bottom: 25%;\n  }\n\n  .asset-core-caption {\n    position: absolute;\n\n    bottom: 3%;\n    left: 50%;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n\n    white-space: nowrap;\n\n    transform: translateX(-50%);\n  }\n\n  .asset-core-caption span {\n    color: rgba(234, 219, 200, 0.425);\n\n    font-size: 7px;\n    letter-spacing: 0.25em;\n  }\n\n  .asset-core-caption strong {\n    color: var(--asset-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.26em;\n\n    text-shadow:\n      0 0 10px rgba(234, 219, 200, 0.378);\n  }\n\n  .asset-panel--manifest {\n    --asset-shift-x: -7px;\n    --asset-shift-y: 5px;\n\n    left: 3.5%;\n    bottom: 10%;\n\n    width: clamp(245px, 22vw, 345px);\n    padding: 14px 16px;\n  }\n\n  .asset-manifest {\n    display: grid;\n    gap: 8px;\n\n    margin-top: 13px;\n  }\n\n  .asset-manifest > div {\n    display: grid;\n    grid-template-columns: 72px 1fr 20px;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .asset-manifest span,\n  .asset-manifest strong {\n    color: rgba(234, 219, 200, 0.519);\n\n    font-size: 7px;\n    font-weight: 500;\n    letter-spacing: 0.1em;\n  }\n\n  .asset-manifest strong {\n    color: var(--asset-cyan);\n    text-align: right;\n  }\n\n  .asset-manifest i {\n    position: relative;\n\n    display: block;\n\n    height: 2px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.106);\n  }\n\n  .asset-manifest i::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0 auto 0 0;\n\n    width: var(--asset-level);\n\n    background: linear-gradient(\n      90deg,\n      var(--asset-violet),\n      var(--asset-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      assetBar 3s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .asset-panel--routing {\n    --asset-shift-x: 7px;\n    --asset-shift-y: 5px;\n\n    right: 3.5%;\n    bottom: 10%;\n\n    width: clamp(235px, 21vw, 325px);\n    padding: 14px 16px;\n  }\n\n  .asset-routing-map {\n    position: relative;\n\n    height: 94px;\n    margin: 8px 0 6px;\n  }\n\n  .asset-routing-map::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 48px;\n    height: 48px;\n\n    border: 1px solid rgba(234, 219, 200, 0.189);\n    border-radius: 50%;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .asset-routing-map b {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    color: var(--asset-white);\n\n    font-size: 6px;\n    font-weight: 500;\n    letter-spacing: 0.1em;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .asset-route-node {\n    position: absolute;\n    z-index: 2;\n\n    width: 6px;\n    height: 6px;\n\n    border: 1px solid var(--asset-cyan);\n    border-radius: 50%;\n\n    background: rgba(234, 219, 200, 0.236);\n    box-shadow: 0 0 8px rgba(234, 219, 200, 0.401);\n  }\n\n  .asset-route-node--client {\n    top: 46%;\n    left: 4%;\n  }\n\n  .asset-route-node--scan {\n    top: 9%;\n    left: 27%;\n  }\n\n  .asset-route-node--vault {\n    top: calc(50% - 3px);\n    left: calc(50% - 3px);\n  }\n\n  .asset-route-node--project {\n    top: 12%;\n    right: 12%;\n  }\n\n  .asset-route-node--backup {\n    right: 8%;\n    bottom: 8%;\n  }\n\n  .asset-route-link {\n    position: absolute;\n    z-index: 1;\n\n    top: 50%;\n    left: 50%;\n\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      rgba(234, 219, 200, 0.496),\n      rgba(234, 219, 200, 0.035)\n    );\n\n    transform-origin: left center;\n  }\n\n  .asset-route-link--01 {\n    width: 46%;\n\n    transform: rotate(180deg);\n  }\n\n  .asset-route-link--02 {\n    width: 34%;\n\n    transform: rotate(-133deg);\n  }\n\n  .asset-route-link--03 {\n    width: 38%;\n\n    transform: rotate(-37deg);\n  }\n\n  .asset-route-link--04 {\n    width: 41%;\n\n    transform: rotate(32deg);\n  }\n\n  .asset-route-label {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.401);\n\n    font-size: 5px;\n    letter-spacing: 0.08em;\n  }\n\n  .asset-route-label--01 {\n    top: 57%;\n    left: 1%;\n  }\n\n  .asset-route-label--02 {\n    top: 2%;\n    left: 20%;\n  }\n\n  .asset-route-label--03 {\n    top: 3%;\n    right: 2%;\n  }\n\n  .asset-timeline {\n    position: absolute;\n    z-index: 7;\n\n    right: 24%;\n    bottom: 4%;\n    left: 24%;\n\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    gap: 28px;\n  }\n\n  .asset-timeline__label {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .asset-timeline__label span {\n    color: rgba(234, 219, 200, 0.354);\n\n    font-size: 7px;\n    letter-spacing: 0.16em;\n  }\n\n  .asset-timeline__label strong {\n    color: rgba(234, 219, 200, 0.791);\n\n    font-size: 8px;\n    font-weight: 500;\n    letter-spacing: 0.17em;\n  }\n\n  .asset-timeline__track {\n    position: relative;\n\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .asset-timeline__track::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 3px;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: rgba(234, 219, 200, 0.142);\n  }\n\n  .asset-timeline__progress {\n    position: absolute;\n    z-index: 1;\n\n    top: 3px;\n    left: 0;\n\n    width: 78%;\n    height: 1px;\n\n    background: var(--asset-cyan);\n    box-shadow: 0 0 7px var(--asset-cyan);\n  }\n\n  .asset-timeline__track span {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 7px;\n    letter-spacing: 0.1em;\n  }\n\n  .asset-timeline__track i {\n    width: 7px;\n    height: 7px;\n\n    border: 1px solid rgba(234, 219, 200, 0.271);\n    border-radius: 50%;\n\n    background: rgba(18, 7, 10, 0.9);\n  }\n\n  .asset-timeline__track .is-active {\n    color: var(--asset-cyan);\n  }\n\n  .asset-timeline__track .is-active i {\n    border-color: var(--asset-cyan);\n\n    background: var(--asset-cyan);\n    box-shadow: 0 0 9px var(--asset-cyan);\n  }\n\n  .asset-timeline__track .is-complete {\n    color: rgba(234, 219, 200, 0.684);\n  }\n\n  .asset-timeline__track .is-complete i {\n    border-color: rgba(234, 219, 200, 0.767);\n\n    background: rgba(234, 219, 200, 0.295);\n  }\n\n  .asset-microtext {\n    position: absolute;\n    z-index: 2;\n\n    color: rgba(234, 219, 200, 0.236);\n\n    font-family: monospace;\n    font-size: 7px;\n    line-height: 1.8;\n    letter-spacing: 0.1em;\n\n    pointer-events: none;\n  }\n\n  .asset-microtext--left {\n    top: 31%;\n    left: 1.7%;\n\n    writing-mode: vertical-rl;\n\n    transform: rotate(180deg);\n  }\n\n  .asset-microtext--right {\n    top: 29%;\n    right: 1.6%;\n\n    text-align: right;\n    writing-mode: vertical-rl;\n  }\n\n  @keyframes assetBlink {\n    0%,\n    100% {\n      opacity: 0.35;\n      transform: scale(0.85);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes assetPanelScan {\n    from {\n      top: -20%;\n    }\n\n    to {\n      top: 120%;\n    }\n  }\n\n  @keyframes assetProgress {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes assetBar {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes assetRadar {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes assetOrbitOne {\n    from {\n      transform:\n        rotateX(68deg)\n        rotateZ(14deg);\n    }\n\n    to {\n      transform:\n        rotateX(68deg)\n        rotateZ(374deg);\n    }\n  }\n\n  @keyframes assetOrbitTwo {\n    from {\n      transform:\n        rotateY(69deg)\n        rotateZ(32deg);\n    }\n\n    to {\n      transform:\n        rotateY(69deg)\n        rotateZ(392deg);\n    }\n  }\n\n  @keyframes assetOrbitThree {\n    from {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(0deg);\n    }\n\n    to {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(360deg);\n    }\n  }\n\n  @keyframes assetCoreScan {\n    0%,\n    100% {\n      top: 12%;\n      opacity: 0.18;\n    }\n\n    50% {\n      top: 85%;\n      opacity: 0.7;\n    }\n  }\n\n  @keyframes assetVaultPulse {\n    0%,\n    100% {\n      opacity: 0.64;\n      transform: scale(0.992);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1.008);\n    }\n  }\n\n  @keyframes assetLockPulse {\n    0%,\n    100% {\n      opacity: 0.68;\n\n      transform:\n        translate3d(-50%, -40%, 105px)\n        scale(0.92);\n    }\n\n    50% {\n      opacity: 1;\n\n      transform:\n        translate3d(-50%, -40%, 112px)\n        scale(1.05);\n    }\n  }\n\n  @keyframes assetParticle {\n    0%,\n    100% {\n      opacity: 0.18;\n\n      transform:\n        translate3d(0, 6px, 30px)\n        scale(0.7);\n    }\n\n    50% {\n      opacity: 0.9;\n\n      transform:\n        translate3d(5px, -7px, 84px)\n        scale(1.08);\n    }\n  }\n\n  @keyframes assetPacketHorizontal {\n    0%,\n    100% {\n      opacity: 0;\n      transform: translate3d(0, 0, 90px);\n    }\n\n    20% {\n      opacity: 1;\n    }\n\n    80% {\n      opacity: 1;\n    }\n\n    100% {\n      opacity: 0;\n      transform: translate3d(135px, 0, 90px);\n    }\n  }\n\n  @keyframes assetPacketHorizontalReverse {\n    0%,\n    100% {\n      opacity: 0;\n      transform: translate3d(0, 0, 90px);\n    }\n\n    20% {\n      opacity: 1;\n    }\n\n    80% {\n      opacity: 1;\n    }\n\n    100% {\n      opacity: 0;\n      transform: translate3d(-135px, 0, 90px);\n    }\n  }\n\n  @keyframes assetPacketVertical {\n    0%,\n    100% {\n      opacity: 0;\n      transform:\n        translate3d(0, 0, 90px)\n        rotate(90deg);\n    }\n\n    20% {\n      opacity: 1;\n    }\n\n    80% {\n      opacity: 1;\n    }\n\n    100% {\n      opacity: 0;\n      transform:\n        translate3d(0, 135px, 90px)\n        rotate(90deg);\n    }\n  }\n\n  @keyframes assetPacketVerticalReverse {\n    0%,\n    100% {\n      opacity: 0;\n      transform:\n        translate3d(0, 0, 90px)\n        rotate(90deg);\n    }\n\n    20% {\n      opacity: 1;\n    }\n\n    80% {\n      opacity: 1;\n    }\n\n    100% {\n      opacity: 0;\n      transform:\n        translate3d(0, -135px, 90px)\n        rotate(90deg);\n    }\n  }\n\n  .asset-hud.is-asset-paused *,\n  .asset-hud.is-asset-paused *::before,\n  .asset-hud.is-asset-paused *::after {\n    animation-play-state: paused !important;\n  }\n\n  @media (max-width: 1100px) {\n    .asset-hud {\n      min-height: 850px;\n    }\n\n    .asset-core-stage {\n      top: 45%;\n      width: clamp(320px, 43vw, 480px);\n    }\n\n    .asset-panel--title {\n      top: 45%;\n      left: 3%;\n\n      width: 29vw;\n    }\n\n    .asset-title-main {\n      font-size: clamp(25px, 3vw, 40px);\n    }\n\n    .asset-title-accent {\n      font-size: clamp(23px, 2.7vw, 36px);\n    }\n\n    .asset-panel--intake {\n      top: 44%;\n      right: 3%;\n\n      width: 31vw;\n    }\n\n    .asset-panel--manifest,\n    .asset-panel--routing {\n      bottom: 8%;\n\n      width: 27vw;\n    }\n\n    .asset-timeline {\n      right: 29%;\n      left: 29%;\n\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    .asset-timeline__label {\n      display: none;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .asset-hud {\n      width: 100vw;\n      max-width: none;\n      min-height: 1050px;\n\n      margin-left: calc(50% - 50vw);\n\n      overflow: hidden;\n\n      perspective: 900px;\n    }\n\n    .asset-topbar {\n      top: 15px;\n      left: 10px;\n      right: 10px;\n\n      gap: 8px;\n\n      font-size: 5.3px;\n      letter-spacing: 0.075em;\n    }\n\n    .asset-topbar__center,\n    .asset-microtext {\n      display: none;\n    }\n\n    .asset-topbar > span:first-child,\n    .asset-online {\n      white-space: nowrap;\n    }\n\n    .asset-panel {\n      padding: 11px;\n\n      text-align: left;\n\n      transform: none !important;\n    }\n\n    .asset-panel::before {\n      display: none;\n    }\n\n    .asset-panel__corners {\n      inset: 5px;\n    }\n\n    .asset-panel__meta,\n    .asset-panel__footer,\n    .asset-progress__label,\n    .asset-data-row,\n    .asset-title-data,\n    .asset-mini-header,\n    .asset-routing-footer {\n      gap: 5px;\n\n      font-size: 5.2px;\n      line-height: 1.25;\n      letter-spacing: 0.06em;\n    }\n\n    .asset-panel--title {\n      top: 58px;\n      left: 10px;\n      right: 10px;\n\n      width: auto;\n      height: 145px;\n\n      padding: 14px 16px;\n    }\n\n    .asset-panel__index {\n      margin-bottom: 11px;\n\n      font-size: 6px;\n      letter-spacing: 0.11em;\n    }\n\n    .asset-panel__index strong {\n      font-size: 6px;\n    }\n\n    .asset-kicker {\n      margin-bottom: 4px;\n\n      font-size: 6.3px;\n      letter-spacing: 0.16em;\n    }\n\n    .asset-title-main {\n      font-size: clamp(22px, 7vw, 31px);\n      letter-spacing: 0.045em;\n    }\n\n    .asset-title-accent {\n      margin-top: 5px;\n\n      font-size: clamp(21px, 6.7vw, 29px);\n      letter-spacing: 0.035em;\n    }\n\n    .asset-title-line {\n      margin: 11px 0 7px;\n    }\n\n    .asset-panel--step {\n      top: 218px;\n      left: 10px;\n\n      width: 37%;\n      height: 156px;\n\n      padding: 10px;\n    }\n\n    .asset-step-display {\n      gap: 5px;\n\n      margin: 10px 0 7px;\n    }\n\n    .asset-step-digit {\n      height: 82px;\n    }\n\n    .asset-step-digit > span {\n      font-size: clamp(43px, 13vw, 60px);\n    }\n\n    .asset-step-digit > b {\n      bottom: 5px;\n      left: 5px;\n\n      font-size: 4px;\n      letter-spacing: 0.1em;\n    }\n\n    .asset-step-digit > i {\n      right: 4px;\n    }\n\n    .asset-panel--status {\n      top: 218px;\n      right: 10px;\n\n      width: calc(63% - 30px);\n      min-height: 181px;\n\n      padding: 11px;\n    }\n\n    .asset-status-heading {\n      margin: 13px 0 12px;\n    }\n\n    .asset-status-heading > span {\n      margin-bottom: 5px;\n\n      font-size: 5.4px;\n      letter-spacing: 0.1em;\n    }\n\n    .asset-status-heading strong {\n      font-size: clamp(14px, 4.3vw, 19px);\n      letter-spacing: 0.045em;\n    }\n\n    .asset-status-heading em {\n      margin-top: 4px;\n\n      font-size: 0.7em;\n      letter-spacing: 0.01em;\n    }\n\n    .asset-progress {\n      margin-bottom: 10px;\n    }\n\n    .asset-core-stage {\n      top: 530px;\n      left: 50%;\n\n      width: min(76vw, 305px);\n\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .asset-core {\n      transform:\n        translate3d(-50%, -50%, 65px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .asset-core-marker {\n      font-size: 4.8px;\n    }\n\n    .asset-core-caption span {\n      font-size: 5px;\n    }\n\n    .asset-core-caption strong {\n      font-size: 6px;\n      letter-spacing: 0.16em;\n    }\n\n    .asset-panel--intake {\n      top: 680px;\n      left: 10px;\n      right: auto;\n\n      width: 61%;\n      min-height: 247px;\n\n      padding: 13px;\n    }\n\n    .asset-intake__header {\n      gap: 7px;\n    }\n\n    .asset-intake__header span {\n      font-size: 5.3px;\n      letter-spacing: 0.075em;\n    }\n\n    .asset-intake__header small {\n      font-size: 4.5px;\n      letter-spacing: 0.035em;\n    }\n\n    .asset-intake__heading {\n      margin: 12px 0 9px;\n    }\n\n    .asset-intake__heading span {\n      font-size: clamp(10px, 3vw, 14px);\n      letter-spacing: 0.035em;\n    }\n\n    .asset-intake__heading strong {\n      margin-top: 4px;\n\n      font-size: clamp(11px, 3.25vw, 15px);\n      letter-spacing: 0.015em;\n    }\n\n    .asset-panel--intake p {\n      margin-bottom: 12px;\n\n      font-size: 8.25px;\n      line-height: 1.43;\n      letter-spacing: 0.01em;\n    }\n\n    .asset-intake__tags {\n      gap: 4px;\n\n      max-width: calc(100% - 29px);\n    }\n\n    .asset-intake__tags span {\n      padding: 4px 5px;\n\n      font-size: 4.4px;\n      letter-spacing: 0.03em;\n    }\n\n    .asset-intake__scanner {\n      right: 8px;\n      bottom: 8px;\n\n      width: 27px;\n      height: 27px;\n    }\n\n    .asset-panel--manifest {\n      top: 680px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(39% - 30px);\n      height: 116px;\n\n      padding: 9px;\n    }\n\n    .asset-manifest {\n      gap: 5px;\n      margin-top: 8px;\n    }\n\n    .asset-manifest > div {\n      grid-template-columns: 32px 1fr 12px;\n      gap: 4px;\n    }\n\n    .asset-manifest span,\n    .asset-manifest strong {\n      font-size: 4.3px;\n      letter-spacing: 0.02em;\n    }\n\n    .asset-panel--routing {\n      top: 808px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(39% - 30px);\n      height: 119px;\n\n      padding: 9px;\n    }\n\n    .asset-routing-map {\n      height: 70px;\n      margin: 6px 0 0;\n    }\n\n    .asset-routing-map::before {\n      width: 34px;\n      height: 34px;\n    }\n\n    .asset-routing-map b {\n      font-size: 4.5px;\n      letter-spacing: 0.035em;\n    }\n\n    .asset-route-node {\n      width: 5px;\n      height: 5px;\n    }\n\n    .asset-route-label {\n      font-size: 3.8px;\n      letter-spacing: 0.02em;\n    }\n\n    .asset-routing-footer {\n      display: none;\n    }\n\n    .asset-timeline {\n      right: 12px;\n      bottom: 25px;\n      left: 12px;\n\n      display: block;\n    }\n\n    .asset-timeline__label {\n      display: none;\n    }\n\n    .asset-timeline__track span {\n      gap: 7px;\n\n      font-size: 4.5px;\n      letter-spacing: 0.025em;\n    }\n\n    .asset-timeline__track i {\n      width: 6px;\n      height: 6px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .asset-hud {\n      min-height: 1070px;\n    }\n\n    .asset-title-main {\n      font-size: clamp(21px, 6.6vw, 27px);\n    }\n\n    .asset-title-accent {\n      font-size: clamp(20px, 6.3vw, 26px);\n    }\n\n    .asset-panel--step {\n      width: 38%;\n    }\n\n    .asset-panel--status {\n      width: calc(62% - 30px);\n    }\n\n    .asset-step-digit {\n      height: 78px;\n    }\n\n    .asset-step-digit > span {\n      font-size: clamp(40px, 12vw, 53px);\n    }\n\n    .asset-status-heading em {\n      font-size: 0.62em;\n    }\n\n    .asset-core-stage {\n      width: min(77vw, 285px);\n    }\n\n    .asset-panel--intake {\n      width: 63%;\n    }\n\n    .asset-panel--manifest,\n    .asset-panel--routing {\n      width: calc(37% - 30px);\n    }\n\n    .asset-panel--intake p {\n      font-size: 7.85px;\n    }\n\n    .asset-intake__heading strong {\n      font-size: clamp(10px, 3vw, 13px);\n    }\n\n    .asset-timeline__track span {\n      font-size: 4.1px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .asset-hud *,\n    .asset-hud *::before,\n    .asset-hud *::after {\n      animation-duration: 0.001ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.001ms !important;\n    }\n\n    .asset-core-stage {\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .asset-core {\n      transform:\n        translate3d(-50%, -50%, 70px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48946766 e-con-full development-scene scene-05 e-flex e-con e-child\" data-id=\"48946766\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52eeaf32 hud-scene-host liquid-glass elementor-widget elementor-widget-html\" data-id=\"52eeaf32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\n  class=\"sv-hud\"\n  data-sv-hud\n  aria-label=\"Style Vector and Audience Alignment\" data-hud-runtime data-hud-x-var=\"--sv-mx\" data-hud-y-var=\"--sv-my\" data-hud-panel=\".sv-panel\" data-hud-paused-class=\"is-sv-paused\" data-hud-strength=\"0.78\" data-hud-smoothing=\"0.055\" data-hud-threshold=\"0.0004\" data-hud-mobile-fit=\"true\">\n  <div class=\"sv-topbar\" aria-hidden=\"true\">\n    <span>VISUAL DIRECTION SYSTEM<\/span>\n\n    <div class=\"sv-topbar__center\">\n      <i><\/i>\n      <span>STYLE CHANNEL 05<\/span>\n      <i><\/i>\n    <\/div>\n\n    <span class=\"sv-online\">\n      <b><\/b>\n      ALIGNMENT ONLINE\n    <\/span>\n  <\/div>\n\n  <article class=\"sv-panel sv-panel--step\">\n    <div class=\"sv-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"sv-panel__meta\">\n      <span>PROCESS SEQUENCE<\/span>\n      <span>05 \/ 06<\/span>\n    <\/div>\n\n    <div class=\"sv-step-display\" aria-label=\"Step 05\">\n      <div class=\"sv-step-digit\">\n        <span>0<\/span>\n        <i><\/i>\n        <b>BASE<\/b>\n      <\/div>\n\n      <div class=\"sv-step-digit sv-step-digit--active\">\n        <span>5<\/span>\n        <i><\/i>\n        <b>LIVE<\/b>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-panel__footer\">\n      <span>STYLE NODE<\/span>\n      <span class=\"sv-status-dot\">ACTIVE<\/span>\n    <\/div>\n  <\/article>\n\n  <article class=\"sv-panel sv-panel--status\">\n    <div class=\"sv-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"sv-panel__meta\">\n      <span>ALIGNMENT STATE<\/span>\n      <span>05:32:47<\/span>\n    <\/div>\n\n    <div class=\"sv-status-heading\">\n      <span>AUDIENCE ANALYSIS<\/span>\n\n      <strong>\n        STYLE VECTOR\n        <em>SYNCHRONIZED<\/em>\n      <\/strong>\n    <\/div>\n\n    <div class=\"sv-progress\">\n      <div class=\"sv-progress__label\">\n        <span>DIRECTION CONFIDENCE<\/span>\n        <span>91.7%<\/span>\n      <\/div>\n\n      <div class=\"sv-progress__track\">\n        <i><\/i>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-data-row\">\n      <span>PRIMARY VECTOR<\/span>\n      <strong>FUTURE \/ CLEAN<\/strong>\n    <\/div>\n\n    <div class=\"sv-data-row\">\n      <span>ALIGNMENT STATUS<\/span>\n      <strong>LOCKED<\/strong>\n    <\/div>\n  <\/article>\n\n  <article class=\"sv-panel sv-panel--title\">\n    <div class=\"sv-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"sv-panel__index\">\n      <span>MODULE<\/span>\n      <strong>STYLE.05<\/strong>\n    <\/div>\n\n    <p class=\"sv-kicker\">STYLE VECTOR<\/p>\n\n    <h2>\n      <span class=\"sv-title-main\">AUDIENCE<\/span>\n      <span class=\"sv-title-accent\">ALIGNMENT<\/span>\n    <\/h2>\n\n    <div class=\"sv-title-line\" aria-hidden=\"true\">\n      <i><\/i>\n      <b><\/b>\n      <i><\/i>\n    <\/div>\n\n    <div class=\"sv-title-data\">\n      <span>INPUT \/ PROJECT GOALS<\/span>\n      <span>MODE \/ STYLE MATCH<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"sv-core-stage\" aria-hidden=\"true\">\n    <div class=\"sv-core-stage__axis sv-core-stage__axis--x\"><\/div>\n    <div class=\"sv-core-stage__axis sv-core-stage__axis--y\"><\/div>\n\n    <span class=\"sv-core-marker sv-core-marker--01\">MINIMAL<\/span>\n    <span class=\"sv-core-marker sv-core-marker--02\">FUTURISTIC<\/span>\n    <span class=\"sv-core-marker sv-core-marker--03\">HUMAN<\/span>\n    <span class=\"sv-core-marker sv-core-marker--04\">PREMIUM<\/span>\n\n    <div class=\"sv-core\">\n      <div class=\"sv-core__scan\"><\/div>\n\n      <div class=\"sv-core__radar\"><\/div>\n\n      <div class=\"sv-core__orbit sv-core__orbit--01\"><\/div>\n      <div class=\"sv-core__orbit sv-core__orbit--02\"><\/div>\n      <div class=\"sv-core__orbit sv-core__orbit--03\"><\/div>\n\n      <div class=\"sv-core__vector\">\n        <svg viewBox=\"0 0 460 460\" role=\"presentation\">\n          <defs>\n            <linearGradient\n              id=\"svVectorGradient\"\n              x1=\"0\"\n              y1=\"0\"\n              x2=\"1\"\n              y2=\"1\"\n            >\n              <stop offset=\"0\" stop-color=\"#eadbc8\" stop-opacity=\".95\" \/>\n              <stop offset=\".5\" stop-color=\"#702b3d\" stop-opacity=\".64\" \/>\n              <stop offset=\"1\" stop-color=\"#702b3d\" stop-opacity=\".84\" \/>\n            <\/linearGradient>\n          <\/defs>\n\n          <g\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <circle\n              cx=\"230\"\n              cy=\"230\"\n              r=\"198\"\n              stroke-width=\"1\"\n              opacity=\".24\"\n            \/>\n\n            <circle\n              cx=\"230\"\n              cy=\"230\"\n              r=\"162\"\n              stroke-width=\"1\"\n              stroke-dasharray=\"4 9\"\n              opacity=\".22\"\n            \/>\n\n            <circle\n              cx=\"230\"\n              cy=\"230\"\n              r=\"118\"\n              stroke-width=\".8\"\n              opacity=\".18\"\n            \/>\n\n            <ellipse\n              cx=\"230\"\n              cy=\"230\"\n              rx=\"198\"\n              ry=\"67\"\n              stroke-width=\".8\"\n              opacity=\".25\"\n            \/>\n\n            <ellipse\n              cx=\"230\"\n              cy=\"230\"\n              rx=\"78\"\n              ry=\"198\"\n              stroke-width=\".8\"\n              opacity=\".25\"\n            \/>\n\n            <path\n              d=\"\n                M230 28V432\n                M28 230H432\n                M87 87L373 373\n                M373 87L87 373\n              \"\n              stroke-width=\".7\"\n              opacity=\".22\"\n            \/>\n\n            <polygon\n              points=\"\n                230,62\n                354,132\n                390,266\n                294,373\n                157,378\n                64,269\n                102,130\n              \"\n              stroke=\"url(#svVectorGradient)\"\n              stroke-width=\"1.5\"\n              opacity=\".88\"\n            \/>\n\n            <polygon\n              points=\"\n                230,104\n                319,154\n                344,250\n                276,328\n                177,332\n                111,252\n                138,153\n              \"\n              stroke-width=\"1\"\n              opacity=\".54\"\n            \/>\n\n            <polygon\n              points=\"\n                230,145\n                287,177\n                303,241\n                259,290\n                197,292\n                155,242\n                173,177\n              \"\n              stroke-width=\"1\"\n              opacity=\".7\"\n            \/>\n\n            <path\n              d=\"\n                M230 230L230 62\n                M230 230L354 132\n                M230 230L390 266\n                M230 230L294 373\n                M230 230L157 378\n                M230 230L64 269\n                M230 230L102 130\n              \"\n              stroke-width=\".9\"\n              opacity=\".54\"\n            \/>\n\n            <path\n              d=\"\n                M230 230\n                L328 132\n              \"\n              stroke=\"url(#svVectorGradient)\"\n              stroke-width=\"2\"\n              opacity=\".92\"\n            \/>\n\n            <path\n              d=\"\n                M328 132\n                L309 139\n                M328 132\n                L320 151\n              \"\n              stroke=\"url(#svVectorGradient)\"\n              stroke-width=\"2\"\n              opacity=\".92\"\n            \/>\n\n            <circle\n              cx=\"137\"\n              cy=\"150\"\n              r=\"21\"\n              stroke-width=\"1\"\n              opacity=\".52\"\n            \/>\n\n            <circle\n              cx=\"350\"\n              cy=\"176\"\n              r=\"25\"\n              stroke-width=\"1\"\n              opacity=\".58\"\n            \/>\n\n            <circle\n              cx=\"328\"\n              cy=\"320\"\n              r=\"19\"\n              stroke-width=\"1\"\n              opacity=\".48\"\n            \/>\n\n            <circle\n              cx=\"126\"\n              cy=\"314\"\n              r=\"24\"\n              stroke-width=\"1\"\n              opacity=\".55\"\n            \/>\n\n            <path\n              d=\"\n                M137 150L230 230\n                M350 176L230 230\n                M328 320L230 230\n                M126 314L230 230\n              \"\n              stroke-width=\".8\"\n              stroke-dasharray=\"3 7\"\n              opacity=\".4\"\n            \/>\n\n            <polygon\n              points=\"230,194 266,230 230,266 194,230\"\n              stroke-width=\"1.3\"\n              opacity=\".9\"\n            \/>\n\n            <polygon\n              points=\"230,208 252,230 230,252 208,230\"\n              stroke-width=\"1\"\n              opacity=\".65\"\n            \/>\n\n            <path\n              d=\"\n                M230 194V266\n                M194 230H266\n              \"\n              stroke-width=\".8\"\n              opacity=\".5\"\n            \/>\n\n            <path\n              d=\"\n                M225 62H235\n                M350 128L358 137\n                M385 261L395 264\n                M289 370L298 376\n                M152 374L160 382\n                M59 264L69 267\n                M98 126L106 135\n              \"\n              stroke-width=\"1\"\n              opacity=\".62\"\n            \/>\n          <\/g>\n\n          <g fill=\"currentColor\">\n            <circle cx=\"230\" cy=\"62\" r=\"3\" \/>\n            <circle cx=\"354\" cy=\"132\" r=\"3\" \/>\n            <circle cx=\"390\" cy=\"266\" r=\"3\" \/>\n            <circle cx=\"294\" cy=\"373\" r=\"3\" \/>\n            <circle cx=\"157\" cy=\"378\" r=\"3\" \/>\n            <circle cx=\"64\" cy=\"269\" r=\"3\" \/>\n            <circle cx=\"102\" cy=\"130\" r=\"3\" \/>\n\n            <circle cx=\"137\" cy=\"150\" r=\"2.5\" \/>\n            <circle cx=\"350\" cy=\"176\" r=\"2.5\" \/>\n            <circle cx=\"328\" cy=\"320\" r=\"2.5\" \/>\n            <circle cx=\"126\" cy=\"314\" r=\"2.5\" \/>\n          <\/g>\n\n          <g\n            fill=\"currentColor\"\n            font-family=\"Arial, sans-serif\"\n            font-size=\"8\"\n            letter-spacing=\"1\"\n            text-anchor=\"middle\"\n            opacity=\".54\"\n          >\n            <text x=\"230\" y=\"47\">FUTURE<\/text>\n            <text x=\"379\" y=\"121\">BOLD<\/text>\n            <text x=\"416\" y=\"270\">TECH<\/text>\n            <text x=\"308\" y=\"399\">PREMIUM<\/text>\n            <text x=\"143\" y=\"405\">HUMAN<\/text>\n            <text x=\"39\" y=\"273\">SOFT<\/text>\n            <text x=\"80\" y=\"119\">MINIMAL<\/text>\n            <text x=\"230\" y=\"286\">VECTOR<\/text>\n          <\/g>\n        <\/svg>\n      <\/div>\n\n      <div class=\"sv-core__pivot\">\n        <span><\/span>\n        <i><\/i>\n      <\/div>\n\n      <div class=\"sv-particle sv-particle--01\"><\/div>\n      <div class=\"sv-particle sv-particle--02\"><\/div>\n      <div class=\"sv-particle sv-particle--03\"><\/div>\n      <div class=\"sv-particle sv-particle--04\"><\/div>\n      <div class=\"sv-particle sv-particle--05\"><\/div>\n      <div class=\"sv-particle sv-particle--06\"><\/div>\n      <div class=\"sv-particle sv-particle--07\"><\/div>\n    <\/div>\n\n    <div class=\"sv-core-caption\">\n      <span>STYLE DIRECTION MATRIX<\/span>\n      <strong>AUDIENCE VECTOR LOCKED<\/strong>\n    <\/div>\n  <\/div>\n\n  <article class=\"sv-panel sv-panel--direction\">\n    <div class=\"sv-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"sv-direction__header\">\n      <span>VISUAL DIRECTION<\/span>\n      <small>STYLE SELECTION<\/small>\n    <\/div>\n\n    <div class=\"sv-direction__heading\">\n      <span>CHOOSING THE<\/span>\n      <strong>OVERALL STYLE<\/strong>\n    <\/div>\n\n    <p>\n      Define the visual direction of the project by selecting the\n      overall style that best aligns with its goals and audience.\n    <\/p>\n\n    <div class=\"sv-direction__tags\">\n      <span>PROJECT GOALS<\/span>\n      <span>AUDIENCE<\/span>\n      <span>VISUAL TONE<\/span>\n      <span>BRAND FIT<\/span>\n      <span>DIRECTION<\/span>\n    <\/div>\n\n    <div class=\"sv-direction__scanner\" aria-hidden=\"true\">\n      <i><\/i>\n    <\/div>\n  <\/article>\n\n  <article class=\"sv-panel sv-panel--spectrum\">\n    <div class=\"sv-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"sv-mini-header\">\n      <span>STYLE SPECTRUM<\/span>\n      <span>05 VECTORS<\/span>\n    <\/div>\n\n    <div class=\"sv-spectrum\">\n      <div>\n        <span>FUTURISTIC<\/span>\n        <i style=\"--sv-level: 94%\"><\/i>\n        <strong>94<\/strong>\n      <\/div>\n\n      <div>\n        <span>MINIMAL<\/span>\n        <i style=\"--sv-level: 82%\"><\/i>\n        <strong>82<\/strong>\n      <\/div>\n\n      <div>\n        <span>PREMIUM<\/span>\n        <i style=\"--sv-level: 88%\"><\/i>\n        <strong>88<\/strong>\n      <\/div>\n\n      <div>\n        <span>HUMAN<\/span>\n        <i style=\"--sv-level: 64%\"><\/i>\n        <strong>64<\/strong>\n      <\/div>\n\n      <div>\n        <span>ENERGETIC<\/span>\n        <i style=\"--sv-level: 72%\"><\/i>\n        <strong>72<\/strong>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"sv-panel sv-panel--audience\">\n    <div class=\"sv-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"sv-mini-header\">\n      <span>AUDIENCE MATRIX<\/span>\n      <span>LIVE MAP<\/span>\n    <\/div>\n\n    <div class=\"sv-audience-map\" aria-hidden=\"true\">\n      <span class=\"sv-audience-node sv-audience-node--core\"><\/span>\n      <span class=\"sv-audience-node sv-audience-node--01\"><\/span>\n      <span class=\"sv-audience-node sv-audience-node--02\"><\/span>\n      <span class=\"sv-audience-node sv-audience-node--03\"><\/span>\n      <span class=\"sv-audience-node sv-audience-node--04\"><\/span>\n      <span class=\"sv-audience-node sv-audience-node--05\"><\/span>\n\n      <i class=\"sv-audience-link sv-audience-link--01\"><\/i>\n      <i class=\"sv-audience-link sv-audience-link--02\"><\/i>\n      <i class=\"sv-audience-link sv-audience-link--03\"><\/i>\n      <i class=\"sv-audience-link sv-audience-link--04\"><\/i>\n      <i class=\"sv-audience-link sv-audience-link--05\"><\/i>\n\n      <b>AUDIENCE<\/b>\n\n      <small class=\"sv-audience-label sv-audience-label--01\">\n        CORE\n      <\/small>\n\n      <small class=\"sv-audience-label sv-audience-label--02\">\n        NEW\n      <\/small>\n\n      <small class=\"sv-audience-label sv-audience-label--03\">\n        PREMIUM\n      <\/small>\n    <\/div>\n\n    <div class=\"sv-audience-footer\">\n      <span>ALIGNMENT 91.7%<\/span>\n      <span>CLUSTERS 05<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"sv-timeline\">\n    <div class=\"sv-timeline__label\">\n      <span>PROCESS FLOW<\/span>\n      <strong>STYLE ALIGNMENT PROTOCOL<\/strong>\n    <\/div>\n\n    <div class=\"sv-timeline__track\">\n      <div class=\"sv-timeline__progress\"><\/div>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        CONTACT\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        DISCOVERY\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        STRUCTURE\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        ASSETS\n      <\/span>\n\n      <span class=\"is-active\">\n        <i><\/i>\n        STYLE\n      <\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"sv-microtext sv-microtext--left\" aria-hidden=\"true\">\n    VECTOR_MODE \/\/ ACTIVE<br>\n    AUDIENCE_MATCH \/\/ 91.7<br>\n    STYLE_CHANNELS \/\/ 05\n  <\/div>\n\n  <div class=\"sv-microtext sv-microtext--right\" aria-hidden=\"true\">\n    STYLE.ALIGNMENT.05<br>\n    VISUAL DIRECTION<br>\n    SYSTEM REVISION 28.5\n  <\/div>\n<\/section>\n\n<style>\n  .sv-hud {\n    --sv-cyan: #eadbc8;\n    --sv-cyan-strong: #eadbc8;\n    --sv-blue: #702b3d;\n    --sv-violet: #702b3d;\n    --sv-white: #eadbc8;\n\n    --sv-line: rgba(234, 219, 200, 0.295);\n    --sv-line-soft: rgba(234, 219, 200, 0.118);\n\n    --sv-mx: 0;\n    --sv-my: 0;\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    min-height: clamp(720px, 86vh, 960px);\n\n    overflow: hidden;\n    isolation: isolate;\n    contain: layout paint style;\n    perspective: 1200px;\n\n    color: var(--sv-white);\n    background: transparent;\n\n    font-family:\n      \"Arial Narrow\",\n      \"Roboto Condensed\",\n      \"Helvetica Neue\",\n      Arial,\n      sans-serif;\n\n    text-transform: uppercase;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .sv-hud *,\n  .sv-hud *::before,\n  .sv-hud *::after {\n    box-sizing: border-box;\n  }\n\n  .sv-hud * {\n    min-width: 0;\n  }\n\n  .sv-hud::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 20;\n    inset: 0;\n\n    pointer-events: none;\n\n    background: repeating-linear-gradient(\n      180deg,\n      transparent 0,\n      transparent 5px,\n      rgba(234, 219, 200, 0.02) 6px\n    );\n\n    opacity: 0.45;\n  }\n\n  .sv-topbar {\n    position: absolute;\n    z-index: 9;\n\n    top: 22px;\n    left: 3%;\n    right: 3%;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n\n    color: rgba(234, 219, 200, 0.59);\n\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: 0.22em;\n\n    white-space: nowrap;\n  }\n\n  .sv-topbar::after {\n    content: \"\";\n\n    position: absolute;\n    top: calc(100% + 10px);\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      var(--sv-line),\n      transparent 24%,\n      transparent 76%,\n      var(--sv-line)\n    );\n  }\n\n  .sv-topbar__center {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .sv-topbar__center i {\n    display: block;\n\n    width: 34px;\n    height: 1px;\n\n    background: var(--sv-line);\n  }\n\n  .sv-online {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    color: var(--sv-cyan);\n  }\n\n  .sv-online b {\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--sv-cyan);\n    box-shadow: 0 0 10px rgba(234, 219, 200, 0.92);\n\n    animation: svBlink 3.2s ease-in-out infinite;\n  }\n\n  .sv-panel {\n    position: absolute;\n    z-index: 5;\n\n    padding: 18px;\n    overflow: hidden;\n\n    border: 1px solid var(--sv-line);\n\n    background: linear-gradient(\n      135deg,\n      rgba(18, 7, 10, 0.78),\n      rgba(18, 7, 10, 0.38)\n    );\n\n    box-shadow:\n      inset 0 0 28px rgba(234, 219, 200, 0.029),\n      0 18px 60px rgba(0, 0, 0, 0.16);\n\n    outline: none;\n\n    transform:\n      translate3d(\n        calc(var(--sv-mx) * var(--sv-shift-x, 0px)),\n        calc(var(--sv-my) * var(--sv-shift-y, 0px)),\n        0\n      );\n\n    transition:\n      border-color 350ms ease,\n      box-shadow 450ms ease,\n      background-color 450ms ease;\n  }\n\n  .sv-panel::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: 0;\n    left: -90%;\n\n    width: 46%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.077),\n      transparent\n    );\n\n    transform: skewX(-16deg);\n\n    transition:\n      left 750ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .sv-panel::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: -30%;\n    left: 0;\n    right: 0;\n\n    height: 24px;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.106),\n      transparent\n    );\n\n    opacity: 0;\n  }\n\n  .sv-panel:hover,\n  .sv-panel:focus-visible,\n  .sv-panel.is-touch-active {\n    border-color: rgba(234, 219, 200, 0.684);\n\n    box-shadow:\n      inset 0 0 34px rgba(234, 219, 200, 0.053),\n      0 0 24px rgba(234, 219, 200, 0.071),\n      0 18px 60px rgba(0, 0, 0, 0.2);\n  }\n\n  .sv-panel:hover::before,\n  .sv-panel:focus-visible::before,\n  .sv-panel.is-touch-active::before {\n    left: 145%;\n  }\n\n  .sv-panel:hover::after,\n  .sv-panel:focus-visible::after,\n  .sv-panel.is-touch-active::after {\n    opacity: 1;\n\n    animation:\n      svPanelScan 2.3s linear infinite;\n  }\n\n  .sv-panel > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .sv-panel__corners {\n    position: absolute;\n    z-index: 2;\n\n    inset: 7px;\n\n    pointer-events: none;\n\n    background:\n      linear-gradient(var(--sv-cyan), var(--sv-cyan)) left top \/ 11px 1px no-repeat,\n      linear-gradient(var(--sv-cyan), var(--sv-cyan)) left top \/ 1px 11px no-repeat,\n      linear-gradient(var(--sv-cyan), var(--sv-cyan)) right top \/ 11px 1px no-repeat,\n      linear-gradient(var(--sv-cyan), var(--sv-cyan)) right top \/ 1px 11px no-repeat,\n      linear-gradient(var(--sv-cyan), var(--sv-cyan)) left bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--sv-cyan), var(--sv-cyan)) left bottom \/ 1px 11px no-repeat,\n      linear-gradient(var(--sv-cyan), var(--sv-cyan)) right bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--sv-cyan), var(--sv-cyan)) right bottom \/ 1px 11px no-repeat;\n\n    opacity: 0.54;\n  }\n\n  .sv-panel__meta,\n  .sv-panel__footer,\n  .sv-progress__label,\n  .sv-data-row,\n  .sv-title-data,\n  .sv-mini-header,\n  .sv-audience-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n\n    color: rgba(234, 219, 200, 0.507);\n\n    font-size: 7px;\n    font-weight: 600;\n    line-height: 1.3;\n    letter-spacing: 0.15em;\n  }\n\n  .sv-panel--step {\n    --sv-shift-x: -6px;\n    --sv-shift-y: -4px;\n\n    top: 13%;\n    left: 3.5%;\n\n    width: clamp(205px, 17vw, 270px);\n  }\n\n  .sv-step-display {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 8px;\n\n    margin: 14px 0 10px;\n  }\n\n  .sv-step-digit {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    height: clamp(82px, 8vw, 118px);\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n\n    background: linear-gradient(\n      145deg,\n      rgba(234, 219, 200, 0.041),\n      rgba(234, 219, 200, 0.006)\n    );\n\n    clip-path: polygon(\n      0 10px,\n      10px 0,\n      100% 0,\n      100% calc(100% - 10px),\n      calc(100% - 10px) 100%,\n      0 100%\n    );\n  }\n\n  .sv-step-digit::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 8px;\n    left: 8px;\n    right: 8px;\n\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      var(--sv-cyan),\n      transparent\n    );\n\n    opacity: 0.35;\n  }\n\n  .sv-step-digit::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 8px;\n    bottom: 8px;\n\n    width: 15px;\n    height: 1px;\n\n    background: var(--sv-line);\n  }\n\n  .sv-step-digit > span {\n    color: transparent;\n\n    font-size: clamp(58px, 6.5vw, 94px);\n    font-weight: 300;\n    line-height: 0.8;\n    letter-spacing: -0.08em;\n\n    font-variant-numeric: tabular-nums;\n\n    -webkit-text-stroke:\n      1px rgba(234, 219, 200, 0.59);\n\n    transform: translateY(-2px);\n  }\n\n  .sv-step-digit > i {\n    position: absolute;\n\n    top: 50%;\n    right: 7px;\n\n    width: 3px;\n    height: 28%;\n\n    background: repeating-linear-gradient(\n      180deg,\n      var(--sv-cyan) 0 2px,\n      transparent 2px 5px\n    );\n\n    opacity: 0.3;\n\n    transform: translateY(-50%);\n  }\n\n  .sv-step-digit > b {\n    position: absolute;\n\n    bottom: 7px;\n    left: 8px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 5px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n  }\n\n  .sv-step-digit--active {\n    border-color: rgba(234, 219, 200, 0.566);\n\n    background: linear-gradient(\n      145deg,\n      rgba(112, 43, 61, 0.09),\n      rgba(234, 219, 200, 0.047)\n    );\n\n    box-shadow:\n      inset 0 0 22px rgba(234, 219, 200, 0.059);\n  }\n\n  .sv-step-digit--active > span {\n    color: rgba(234, 219, 200, 0.077);\n\n    -webkit-text-stroke-color: var(--sv-cyan);\n\n    text-shadow:\n      0 0 18px rgba(234, 219, 200, 0.177);\n  }\n\n  .sv-step-digit--active > b {\n    color: var(--sv-cyan);\n  }\n\n  .sv-status-dot {\n    color: var(--sv-cyan);\n  }\n\n  .sv-status-dot::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 4px;\n    height: 4px;\n    margin-right: 7px;\n\n    border-radius: 50%;\n\n    background: var(--sv-cyan);\n    box-shadow: 0 0 8px var(--sv-cyan);\n  }\n\n  .sv-panel--status {\n    --sv-shift-x: 8px;\n    --sv-shift-y: -5px;\n\n    top: 13%;\n    right: 4%;\n\n    width: clamp(255px, 22vw, 345px);\n  }\n\n  .sv-status-heading {\n    margin: 24px 0 22px;\n  }\n\n  .sv-status-heading > span {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--sv-violet);\n\n    font-size: 9px;\n    letter-spacing: 0.27em;\n  }\n\n  .sv-status-heading strong {\n    display: block;\n\n    color: var(--sv-white);\n\n    font-size: clamp(18px, 1.7vw, 27px);\n    font-weight: 300;\n    line-height: 1;\n    letter-spacing: 0.085em;\n  }\n\n  .sv-status-heading em {\n    display: block;\n\n    margin-top: 5px;\n\n    color: var(--sv-cyan);\n\n    font-size: 0.77em;\n    font-style: normal;\n    letter-spacing: 0.045em;\n\n    white-space: nowrap;\n  }\n\n  .sv-progress {\n    margin-bottom: 18px;\n  }\n\n  .sv-progress__track {\n    height: 3px;\n    margin-top: 9px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.118);\n  }\n\n  .sv-progress__track i {\n    display: block;\n\n    width: 91.7%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      var(--sv-violet),\n      var(--sv-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      svProgress 3.2s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .sv-data-row {\n    padding: 8px 0;\n\n    border-top: 1px solid var(--sv-line-soft);\n  }\n\n  .sv-data-row strong {\n    color: var(--sv-cyan);\n\n    font-size: 8px;\n    font-weight: 500;\n\n    white-space: nowrap;\n  }\n\n  .sv-panel--title {\n    --sv-shift-x: -11px;\n    --sv-shift-y: 8px;\n\n    top: 43%;\n    left: 4%;\n\n    width: clamp(305px, 28vw, 425px);\n    padding: clamp(21px, 2vw, 32px);\n  }\n\n  .sv-panel__index {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n\n    margin-bottom: 27px;\n\n    color: rgba(234, 219, 200, 0.472);\n\n    font-size: 8px;\n    letter-spacing: 0.2em;\n  }\n\n  .sv-panel__index strong {\n    color: var(--sv-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n  }\n\n  .sv-kicker {\n    margin: 0 0 8px;\n\n    color: var(--sv-violet);\n\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 0.3em;\n  }\n\n  .sv-panel--title h2 {\n    width: 100%;\n    margin: 0;\n\n    font-weight: 300;\n    line-height: 0.94;\n  }\n\n  .sv-title-main,\n  .sv-title-accent {\n    display: block;\n\n    width: 100%;\n    max-width: 100%;\n\n    white-space: nowrap;\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  .sv-title-main {\n    color: var(--sv-white);\n\n    font-size: clamp(29px, 3vw, 49px);\n    letter-spacing: 0.06em;\n  }\n\n  .sv-title-accent {\n    margin-top: 9px;\n\n    color: var(--sv-cyan);\n\n    font-size: clamp(25px, 2.65vw, 43px);\n    letter-spacing: 0.035em;\n\n    text-shadow:\n      0 0 22px rgba(234, 219, 200, 0.201);\n  }\n\n  .sv-title-line {\n    display: grid;\n    grid-template-columns: 1fr 5px 0.34fr;\n    align-items: center;\n    gap: 8px;\n\n    margin: 23px 0 14px;\n  }\n\n  .sv-title-line i {\n    display: block;\n\n    height: 1px;\n\n    background: var(--sv-line);\n  }\n\n  .sv-title-line b {\n    width: 5px;\n    height: 5px;\n\n    background: var(--sv-cyan);\n    box-shadow: 0 0 9px var(--sv-cyan);\n  }\n\n  .sv-panel--direction {\n    --sv-shift-x: 12px;\n    --sv-shift-y: 8px;\n\n    top: 41%;\n    right: 3%;\n\n    width: clamp(315px, 29vw, 445px);\n    padding: clamp(21px, 2vw, 30px);\n  }\n\n  .sv-direction__header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 15px;\n  }\n\n  .sv-direction__header span {\n    color: var(--sv-cyan);\n\n    font-size: 8px;\n    letter-spacing: 0.2em;\n  }\n\n  .sv-direction__header small {\n    color: rgba(234, 219, 200, 0.401);\n\n    font-size: 7px;\n    letter-spacing: 0.12em;\n  }\n\n  .sv-direction__heading {\n    margin: 21px 0 15px;\n  }\n\n  .sv-direction__heading span,\n  .sv-direction__heading strong {\n    display: block;\n  }\n\n  .sv-direction__heading span {\n    color: var(--sv-white);\n\n    font-size: clamp(17px, 1.5vw, 24px);\n    font-weight: 300;\n    letter-spacing: 0.09em;\n  }\n\n  .sv-direction__heading strong {\n    margin-top: 6px;\n\n    color: var(--sv-cyan);\n\n    font-size: clamp(20px, 1.85vw, 29px);\n    font-weight: 300;\n    letter-spacing: 0.055em;\n\n    white-space: nowrap;\n  }\n\n  .sv-panel--direction p {\n    max-width: 37em;\n    margin: 0 0 20px;\n\n    color: rgba(234, 219, 200, 0.909);\n\n    font-size: clamp(11px, 0.95vw, 14px);\n    font-weight: 300;\n    line-height: 1.68;\n    letter-spacing: 0.035em;\n\n    text-transform: none;\n\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  .sv-direction__tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n\n    max-width: calc(100% - 43px);\n  }\n\n  .sv-direction__tags span {\n    padding: 6px 8px;\n\n    border: 1px solid rgba(234, 219, 200, 0.201);\n\n    background: rgba(234, 219, 200, 0.029);\n\n    color: rgba(234, 219, 200, 0.826);\n\n    font-size: 7px;\n    letter-spacing: 0.09em;\n\n    white-space: nowrap;\n\n    transition:\n      border-color 350ms ease,\n      color 350ms ease,\n      background-color 350ms ease;\n  }\n\n  .sv-panel--direction:hover .sv-direction__tags span {\n    border-color: rgba(234, 219, 200, 0.378);\n    background: rgba(234, 219, 200, 0.053);\n    color: rgba(234, 219, 200, 1);\n  }\n\n  .sv-direction__scanner {\n    position: absolute;\n\n    right: 14px;\n    bottom: 14px;\n\n    width: 42px;\n    height: 42px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n    border-radius: 50%;\n  }\n\n  .sv-direction__scanner::before,\n  .sv-direction__scanner::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.26);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .sv-direction__scanner::before {\n    width: 74%;\n    height: 1px;\n  }\n\n  .sv-direction__scanner::after {\n    width: 1px;\n    height: 74%;\n  }\n\n  .sv-direction__scanner i {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 50%;\n    height: 50%;\n\n    background: conic-gradient(\n      from -28deg,\n      rgba(234, 219, 200, 0.224),\n      transparent 42deg\n    );\n\n    transform-origin: 0 0;\n\n    animation:\n      svRadar 8s linear infinite;\n  }\n\n  .sv-core-stage {\n    position: absolute;\n    z-index: 3;\n\n    top: 47%;\n    left: 50%;\n\n    width: clamp(345px, 37vw, 585px);\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 0)\n      rotateX(calc(var(--sv-my) * -5deg))\n      rotateY(calc(var(--sv-mx) * 7deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .sv-core-stage::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 4%;\n\n    border: 1px solid rgba(234, 219, 200, 0.088);\n    border-radius: 50%;\n\n    box-shadow:\n      inset 0 0 80px rgba(234, 219, 200, 0.029),\n      0 0 75px rgba(234, 219, 200, 0.029);\n  }\n\n  .sv-core-stage__axis {\n    position: absolute;\n    z-index: -1;\n\n    top: 50%;\n    left: 50%;\n  }\n\n  .sv-core-stage__axis--x {\n    width: 125%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .sv-core-stage__axis--y {\n    width: 1px;\n    height: 125%;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .sv-core {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 77%;\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 70px)\n      rotateX(calc(var(--sv-my) * -4deg))\n      rotateY(calc(var(--sv-mx) * 5deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .sv-core__vector {\n    position: absolute;\n    inset: 5%;\n\n    color: var(--sv-cyan);\n\n    border-radius: 50%;\n\n    background: radial-gradient(\n      circle,\n      rgba(234, 219, 200, 0.031),\n      rgba(112, 43, 61, 0.014) 48%,\n      transparent 72%\n    );\n\n    transform: translateZ(42px);\n  }\n\n  .sv-core__vector svg {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: visible;\n\n    filter:\n      drop-shadow(0 0 5px rgba(234, 219, 200, 0.189));\n\n    animation:\n      svVectorPulse 7.5s ease-in-out infinite;\n  }\n\n  .sv-core__orbit {\n    position: absolute;\n    inset: 0;\n\n    border: 1px solid rgba(234, 219, 200, 0.319);\n    border-radius: 50%;\n\n    transform-style: preserve-3d;\n  }\n\n  .sv-core__orbit::before,\n  .sv-core__orbit::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--sv-cyan);\n    box-shadow: 0 0 11px rgba(234, 219, 200, 0.944);\n  }\n\n  .sv-core__orbit::before {\n    top: -3px;\n    left: 50%;\n  }\n\n  .sv-core__orbit::after {\n    right: 10%;\n    bottom: 18%;\n\n    width: 3px;\n    height: 3px;\n  }\n\n  .sv-core__orbit--01 {\n    transform: rotateX(68deg) rotateZ(14deg);\n\n    animation:\n      svOrbitOne 23s linear infinite;\n  }\n\n  .sv-core__orbit--02 {\n    inset: 5%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n\n    transform: rotateY(69deg) rotateZ(32deg);\n\n    animation:\n      svOrbitTwo 29s linear infinite reverse;\n  }\n\n  .sv-core__orbit--03 {\n    inset: 13%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n    border-style: dashed;\n\n    transform: rotateX(56deg) rotateY(44deg);\n\n    animation:\n      svOrbitThree 36s linear infinite;\n  }\n\n  .sv-core__radar {\n    position: absolute;\n    inset: -7%;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.118);\n    border-radius: 50%;\n\n    transform: translateZ(-30px);\n  }\n\n  .sv-core__radar::before,\n  .sv-core__radar::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.094);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .sv-core__radar::before {\n    width: 100%;\n    height: 1px;\n  }\n\n  .sv-core__radar::after {\n    width: 1px;\n    height: 100%;\n  }\n\n  .sv-core__scan {\n    position: absolute;\n    z-index: 8;\n\n    top: 12%;\n    left: 10%;\n\n    width: 80%;\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--sv-cyan),\n      transparent\n    );\n\n    box-shadow:\n      0 0 14px rgba(234, 219, 200, 0.59);\n\n    opacity: 0.58;\n\n    animation:\n      svCoreScan 7.4s ease-in-out infinite;\n  }\n\n  .sv-core__pivot {\n    position: absolute;\n    z-index: 10;\n\n    top: 50%;\n    left: 50%;\n\n    width: 18px;\n    height: 18px;\n\n    border: 1px solid rgba(234, 219, 200, 0.885);\n\n    background: rgba(234, 219, 200, 0.083);\n\n    transform:\n      translate3d(-50%, -50%, 105px)\n      rotate(45deg);\n\n    animation:\n      svPivotPulse 4.8s ease-in-out infinite;\n  }\n\n  .sv-core__pivot::before,\n  .sv-core__pivot::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: var(--sv-cyan);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .sv-core__pivot::before {\n    width: 6px;\n    height: 1px;\n  }\n\n  .sv-core__pivot::after {\n    width: 1px;\n    height: 6px;\n  }\n\n  .sv-core__pivot span {\n    position: absolute;\n    inset: -13px;\n\n    border: 1px dashed rgba(234, 219, 200, 0.33);\n    border-radius: 50%;\n\n    animation:\n      svRadar 13s linear infinite;\n  }\n\n  .sv-core__pivot i {\n    position: absolute;\n    inset: -27px;\n\n    border: 1px solid rgba(112, 43, 61, 0.15);\n    border-radius: 50%;\n  }\n\n  .sv-particle {\n    position: absolute;\n\n    width: 3px;\n    height: 3px;\n\n    border-radius: 50%;\n\n    background: var(--sv-cyan);\n    box-shadow: 0 0 7px var(--sv-cyan);\n\n    animation:\n      svParticle 6.4s ease-in-out infinite;\n  }\n\n  .sv-particle--01 {\n    top: 15%;\n    left: 23%;\n    animation-delay: -0.4s;\n  }\n\n  .sv-particle--02 {\n    top: 27%;\n    right: 12%;\n    animation-delay: -1.7s;\n  }\n\n  .sv-particle--03 {\n    right: 17%;\n    bottom: 18%;\n    animation-delay: -3.1s;\n  }\n\n  .sv-particle--04 {\n    bottom: 10%;\n    left: 40%;\n    animation-delay: -1.1s;\n  }\n\n  .sv-particle--05 {\n    top: 53%;\n    left: 5%;\n    animation-delay: -2.4s;\n  }\n\n  .sv-particle--06 {\n    top: 7%;\n    left: 58%;\n\n    background: var(--sv-violet);\n    box-shadow: 0 0 7px var(--sv-violet);\n\n    animation-delay: -3.8s;\n  }\n\n  .sv-particle--07 {\n    right: 3%;\n    bottom: 43%;\n\n    background: var(--sv-blue);\n    box-shadow: 0 0 7px var(--sv-blue);\n\n    animation-delay: -4.7s;\n  }\n\n  .sv-core-marker {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.496);\n\n    font-size: 7px;\n    letter-spacing: 0.13em;\n  }\n\n  .sv-core-marker::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 17px;\n    height: 1px;\n    margin-right: 7px;\n\n    vertical-align: middle;\n\n    background: rgba(234, 219, 200, 0.26);\n  }\n\n  .sv-core-marker--01 {\n    top: 18%;\n    left: 0;\n  }\n\n  .sv-core-marker--02 {\n    top: 34%;\n    right: -4%;\n  }\n\n  .sv-core-marker--03 {\n    bottom: 17%;\n    left: 2%;\n  }\n\n  .sv-core-marker--04 {\n    right: 0;\n    bottom: 25%;\n  }\n\n  .sv-core-caption {\n    position: absolute;\n\n    bottom: 3%;\n    left: 50%;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n\n    white-space: nowrap;\n\n    transform: translateX(-50%);\n  }\n\n  .sv-core-caption span {\n    color: rgba(234, 219, 200, 0.425);\n\n    font-size: 7px;\n    letter-spacing: 0.25em;\n  }\n\n  .sv-core-caption strong {\n    color: var(--sv-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.25em;\n\n    text-shadow:\n      0 0 10px rgba(234, 219, 200, 0.378);\n  }\n\n  .sv-panel--spectrum {\n    --sv-shift-x: -7px;\n    --sv-shift-y: 5px;\n\n    left: 3.5%;\n    bottom: 10%;\n\n    width: clamp(245px, 22vw, 345px);\n    padding: 14px 16px;\n  }\n\n  .sv-spectrum {\n    display: grid;\n    gap: 8px;\n\n    margin-top: 13px;\n  }\n\n  .sv-spectrum > div {\n    display: grid;\n    grid-template-columns: 78px 1fr 20px;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .sv-spectrum span,\n  .sv-spectrum strong {\n    color: rgba(234, 219, 200, 0.519);\n\n    font-size: 7px;\n    font-weight: 500;\n    letter-spacing: 0.09em;\n  }\n\n  .sv-spectrum strong {\n    color: var(--sv-cyan);\n    text-align: right;\n  }\n\n  .sv-spectrum i {\n    position: relative;\n\n    display: block;\n\n    height: 2px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.106);\n  }\n\n  .sv-spectrum i::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0 auto 0 0;\n\n    width: var(--sv-level);\n\n    background: linear-gradient(\n      90deg,\n      var(--sv-violet),\n      var(--sv-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      svBar 3s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .sv-panel--audience {\n    --sv-shift-x: 7px;\n    --sv-shift-y: 5px;\n\n    right: 3.5%;\n    bottom: 10%;\n\n    width: clamp(235px, 21vw, 325px);\n    padding: 14px 16px;\n  }\n\n  .sv-audience-map {\n    position: relative;\n\n    height: 94px;\n    margin: 8px 0 6px;\n  }\n\n  .sv-audience-map::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 48px;\n    height: 48px;\n\n    border: 1px solid rgba(234, 219, 200, 0.189);\n    border-radius: 50%;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .sv-audience-map b {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    color: var(--sv-white);\n\n    font-size: 6px;\n    font-weight: 500;\n    letter-spacing: 0.08em;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .sv-audience-node {\n    position: absolute;\n    z-index: 2;\n\n    width: 6px;\n    height: 6px;\n\n    border: 1px solid var(--sv-cyan);\n    border-radius: 50%;\n\n    background: rgba(234, 219, 200, 0.236);\n    box-shadow: 0 0 8px rgba(234, 219, 200, 0.401);\n  }\n\n  .sv-audience-node--core {\n    top: calc(50% - 3px);\n    left: calc(50% - 3px);\n  }\n\n  .sv-audience-node--01 {\n    top: 46%;\n    left: 4%;\n  }\n\n  .sv-audience-node--02 {\n    top: 8%;\n    left: 28%;\n  }\n\n  .sv-audience-node--03 {\n    top: 10%;\n    right: 12%;\n  }\n\n  .sv-audience-node--04 {\n    right: 8%;\n    bottom: 8%;\n  }\n\n  .sv-audience-node--05 {\n    bottom: 5%;\n    left: 22%;\n  }\n\n  .sv-audience-link {\n    position: absolute;\n    z-index: 1;\n\n    top: 50%;\n    left: 50%;\n\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      rgba(234, 219, 200, 0.496),\n      rgba(234, 219, 200, 0.035)\n    );\n\n    transform-origin: left center;\n  }\n\n  .sv-audience-link--01 {\n    width: 46%;\n    transform: rotate(180deg);\n  }\n\n  .sv-audience-link--02 {\n    width: 34%;\n    transform: rotate(-132deg);\n  }\n\n  .sv-audience-link--03 {\n    width: 38%;\n    transform: rotate(-37deg);\n  }\n\n  .sv-audience-link--04 {\n    width: 41%;\n    transform: rotate(32deg);\n  }\n\n  .sv-audience-link--05 {\n    width: 36%;\n    transform: rotate(139deg);\n  }\n\n  .sv-audience-label {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.401);\n\n    font-size: 5px;\n    letter-spacing: 0.06em;\n  }\n\n  .sv-audience-label--01 {\n    top: 57%;\n    left: 1%;\n  }\n\n  .sv-audience-label--02 {\n    top: 1%;\n    left: 21%;\n  }\n\n  .sv-audience-label--03 {\n    top: 2%;\n    right: 1%;\n  }\n\n  .sv-timeline {\n    position: absolute;\n    z-index: 7;\n\n    right: 24%;\n    bottom: 4%;\n    left: 24%;\n\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    gap: 28px;\n  }\n\n  .sv-timeline__label {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .sv-timeline__label span {\n    color: rgba(234, 219, 200, 0.354);\n\n    font-size: 7px;\n    letter-spacing: 0.16em;\n  }\n\n  .sv-timeline__label strong {\n    color: rgba(234, 219, 200, 0.791);\n\n    font-size: 8px;\n    font-weight: 500;\n    letter-spacing: 0.17em;\n  }\n\n  .sv-timeline__track {\n    position: relative;\n\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .sv-timeline__track::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 3px;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: rgba(234, 219, 200, 0.142);\n  }\n\n  .sv-timeline__progress {\n    position: absolute;\n    z-index: 1;\n\n    top: 3px;\n    left: 0;\n\n    width: 97%;\n    height: 1px;\n\n    background: var(--sv-cyan);\n    box-shadow: 0 0 7px var(--sv-cyan);\n  }\n\n  .sv-timeline__track span {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 7px;\n    letter-spacing: 0.09em;\n  }\n\n  .sv-timeline__track i {\n    width: 7px;\n    height: 7px;\n\n    border: 1px solid rgba(234, 219, 200, 0.271);\n    border-radius: 50%;\n\n    background: rgba(18, 7, 10, 0.9);\n  }\n\n  .sv-timeline__track .is-active {\n    color: var(--sv-cyan);\n  }\n\n  .sv-timeline__track .is-active i {\n    border-color: var(--sv-cyan);\n\n    background: var(--sv-cyan);\n    box-shadow: 0 0 9px var(--sv-cyan);\n  }\n\n  .sv-timeline__track .is-complete {\n    color: rgba(234, 219, 200, 0.684);\n  }\n\n  .sv-timeline__track .is-complete i {\n    border-color: rgba(234, 219, 200, 0.767);\n\n    background: rgba(234, 219, 200, 0.295);\n  }\n\n  .sv-microtext {\n    position: absolute;\n    z-index: 2;\n\n    color: rgba(234, 219, 200, 0.236);\n\n    font-family: monospace;\n    font-size: 7px;\n    line-height: 1.8;\n    letter-spacing: 0.1em;\n\n    pointer-events: none;\n  }\n\n  .sv-microtext--left {\n    top: 31%;\n    left: 1.7%;\n\n    writing-mode: vertical-rl;\n\n    transform: rotate(180deg);\n  }\n\n  .sv-microtext--right {\n    top: 29%;\n    right: 1.6%;\n\n    text-align: right;\n    writing-mode: vertical-rl;\n  }\n\n  @keyframes svBlink {\n    0%,\n    100% {\n      opacity: 0.35;\n      transform: scale(0.85);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes svPanelScan {\n    from {\n      top: -20%;\n    }\n\n    to {\n      top: 120%;\n    }\n  }\n\n  @keyframes svProgress {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes svBar {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes svRadar {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes svOrbitOne {\n    from {\n      transform:\n        rotateX(68deg)\n        rotateZ(14deg);\n    }\n\n    to {\n      transform:\n        rotateX(68deg)\n        rotateZ(374deg);\n    }\n  }\n\n  @keyframes svOrbitTwo {\n    from {\n      transform:\n        rotateY(69deg)\n        rotateZ(32deg);\n    }\n\n    to {\n      transform:\n        rotateY(69deg)\n        rotateZ(392deg);\n    }\n  }\n\n  @keyframes svOrbitThree {\n    from {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(0deg);\n    }\n\n    to {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(360deg);\n    }\n  }\n\n  @keyframes svCoreScan {\n    0%,\n    100% {\n      top: 12%;\n      opacity: 0.18;\n    }\n\n    50% {\n      top: 85%;\n      opacity: 0.7;\n    }\n  }\n\n  @keyframes svVectorPulse {\n    0%,\n    100% {\n      opacity: 0.64;\n      transform: scale(0.992);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1.008);\n    }\n  }\n\n  @keyframes svPivotPulse {\n    0%,\n    100% {\n      opacity: 0.64;\n\n      transform:\n        translate3d(-50%, -50%, 105px)\n        rotate(45deg)\n        scale(0.9);\n    }\n\n    50% {\n      opacity: 1;\n\n      transform:\n        translate3d(-50%, -50%, 112px)\n        rotate(45deg)\n        scale(1.06);\n    }\n  }\n\n  @keyframes svParticle {\n    0%,\n    100% {\n      opacity: 0.18;\n\n      transform:\n        translate3d(0, 6px, 30px)\n        scale(0.7);\n    }\n\n    50% {\n      opacity: 0.9;\n\n      transform:\n        translate3d(5px, -7px, 84px)\n        scale(1.08);\n    }\n  }\n\n  .sv-hud.is-sv-paused *,\n  .sv-hud.is-sv-paused *::before,\n  .sv-hud.is-sv-paused *::after {\n    animation-play-state: paused !important;\n  }\n\n  @media (max-width: 1100px) {\n    .sv-hud {\n      min-height: 850px;\n    }\n\n    .sv-core-stage {\n      top: 45%;\n\n      width: clamp(320px, 43vw, 480px);\n    }\n\n    .sv-panel--title {\n      top: 45%;\n      left: 3%;\n\n      width: 30vw;\n    }\n\n    .sv-title-main {\n      font-size: clamp(24px, 2.8vw, 38px);\n    }\n\n    .sv-title-accent {\n      font-size: clamp(21px, 2.45vw, 34px);\n    }\n\n    .sv-panel--direction {\n      top: 44%;\n      right: 3%;\n\n      width: 31vw;\n    }\n\n    .sv-panel--spectrum,\n    .sv-panel--audience {\n      bottom: 8%;\n\n      width: 27vw;\n    }\n\n    .sv-timeline {\n      right: 29%;\n      left: 29%;\n\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    .sv-timeline__label {\n      display: none;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .sv-hud {\n      width: 100vw;\n      max-width: 100vw;\n      min-height: 1040px;\n\n      margin-left: calc(50% - 50vw);\n\n      overflow: hidden;\n\n      perspective: 900px;\n    }\n\n    .sv-topbar {\n      top: 15px;\n      left: 10px;\n      right: 10px;\n\n      gap: 8px;\n\n      font-size: 5.3px;\n      letter-spacing: 0.075em;\n    }\n\n    .sv-topbar__center,\n    .sv-microtext {\n      display: none;\n    }\n\n    .sv-topbar > span:first-child,\n    .sv-online {\n      white-space: nowrap;\n    }\n\n    .sv-panel {\n      padding: 11px;\n\n      text-align: left;\n\n      transform: none !important;\n    }\n\n    .sv-panel::before {\n      display: none;\n    }\n\n    .sv-panel__corners {\n      inset: 5px;\n    }\n\n    .sv-panel__meta,\n    .sv-panel__footer,\n    .sv-progress__label,\n    .sv-data-row,\n    .sv-title-data,\n    .sv-mini-header,\n    .sv-audience-footer {\n      gap: 5px;\n\n      font-size: 5.2px;\n      line-height: 1.25;\n      letter-spacing: 0.06em;\n    }\n\n    .sv-panel--title {\n      top: 58px;\n      left: 10px;\n      right: 10px;\n\n      width: auto;\n      height: 145px;\n\n      padding: 14px 16px;\n    }\n\n    .sv-panel__index {\n      margin-bottom: 11px;\n\n      font-size: 6px;\n      letter-spacing: 0.11em;\n    }\n\n    .sv-panel__index strong {\n      font-size: 6px;\n    }\n\n    .sv-kicker {\n      margin-bottom: 4px;\n\n      font-size: 6.3px;\n      letter-spacing: 0.16em;\n    }\n\n    .sv-title-main {\n      font-size: clamp(22px, 7vw, 31px);\n      letter-spacing: 0.045em;\n    }\n\n    .sv-title-accent {\n      margin-top: 5px;\n\n      font-size: clamp(20px, 6.2vw, 28px);\n      letter-spacing: 0.02em;\n    }\n\n    .sv-title-line {\n      margin: 11px 0 7px;\n    }\n\n    .sv-panel--step {\n      top: 218px;\n      left: 10px;\n\n      width: 37%;\n      height: 156px;\n\n      padding: 10px;\n    }\n\n    .sv-step-display {\n      gap: 5px;\n\n      margin: 10px 0 7px;\n    }\n\n    .sv-step-digit {\n      height: 82px;\n    }\n\n    .sv-step-digit > span {\n      font-size: clamp(43px, 13vw, 60px);\n    }\n\n    .sv-step-digit > b {\n      bottom: 5px;\n      left: 5px;\n\n      font-size: 4px;\n      letter-spacing: 0.1em;\n    }\n\n    .sv-step-digit > i {\n      right: 4px;\n    }\n\n    .sv-panel--status {\n      top: 218px;\n      right: 10px;\n\n      width: calc(63% - 30px);\n      min-height: 181px;\n\n      padding: 11px;\n    }\n\n    .sv-status-heading {\n      margin: 13px 0 12px;\n    }\n\n    .sv-status-heading > span {\n      margin-bottom: 5px;\n\n      font-size: 5.4px;\n      letter-spacing: 0.1em;\n    }\n\n    .sv-status-heading strong {\n      font-size: clamp(13px, 4.1vw, 18px);\n      letter-spacing: 0.035em;\n    }\n\n    .sv-status-heading em {\n      margin-top: 4px;\n\n      font-size: 0.67em;\n      letter-spacing: 0.005em;\n    }\n\n    .sv-progress {\n      margin-bottom: 10px;\n    }\n\n    .sv-core-stage {\n      top: 530px;\n      left: 50%;\n\n      width: min(76vw, 305px);\n\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .sv-core {\n      transform:\n        translate3d(-50%, -50%, 65px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .sv-core-marker {\n      font-size: 4.6px;\n    }\n\n    .sv-core-caption span {\n      font-size: 5px;\n    }\n\n    .sv-core-caption strong {\n      font-size: 6px;\n      letter-spacing: 0.15em;\n    }\n\n    .sv-panel--direction {\n      top: 680px;\n      left: 10px;\n      right: auto;\n\n      width: 61%;\n      min-height: 238px;\n\n      padding: 13px;\n    }\n\n    .sv-direction__header {\n      gap: 7px;\n    }\n\n    .sv-direction__header span {\n      font-size: 5.3px;\n      letter-spacing: 0.075em;\n    }\n\n    .sv-direction__header small {\n      font-size: 4.5px;\n      letter-spacing: 0.035em;\n    }\n\n    .sv-direction__heading {\n      margin: 12px 0 9px;\n    }\n\n    .sv-direction__heading span {\n      font-size: clamp(11px, 3.2vw, 15px);\n      letter-spacing: 0.04em;\n    }\n\n    .sv-direction__heading strong {\n      margin-top: 4px;\n\n      font-size: clamp(14px, 4vw, 18px);\n      letter-spacing: 0.02em;\n    }\n\n    .sv-panel--direction p {\n      margin-bottom: 12px;\n\n      font-size: 8.4px;\n      line-height: 1.46;\n      letter-spacing: 0.01em;\n    }\n\n    .sv-direction__tags {\n      gap: 4px;\n\n      max-width: calc(100% - 29px);\n    }\n\n    .sv-direction__tags span {\n      padding: 4px 5px;\n\n      font-size: 4.4px;\n      letter-spacing: 0.025em;\n    }\n\n    .sv-direction__scanner {\n      right: 8px;\n      bottom: 8px;\n\n      width: 27px;\n      height: 27px;\n    }\n\n    .sv-panel--spectrum {\n      top: 680px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(39% - 30px);\n      height: 114px;\n\n      padding: 9px;\n    }\n\n    .sv-spectrum {\n      gap: 5px;\n      margin-top: 8px;\n    }\n\n    .sv-spectrum > div {\n      grid-template-columns: 37px 1fr 12px;\n      gap: 4px;\n    }\n\n    .sv-spectrum span,\n    .sv-spectrum strong {\n      font-size: 4.2px;\n      letter-spacing: 0.015em;\n    }\n\n    .sv-panel--audience {\n      top: 806px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(39% - 30px);\n      height: 112px;\n\n      padding: 9px;\n    }\n\n    .sv-audience-map {\n      height: 68px;\n      margin: 6px 0 0;\n    }\n\n    .sv-audience-map::before {\n      width: 34px;\n      height: 34px;\n    }\n\n    .sv-audience-map b {\n      font-size: 4.1px;\n      letter-spacing: 0.015em;\n    }\n\n    .sv-audience-node {\n      width: 5px;\n      height: 5px;\n    }\n\n    .sv-audience-label {\n      font-size: 3.6px;\n      letter-spacing: 0.01em;\n    }\n\n    .sv-audience-footer {\n      display: none;\n    }\n\n    .sv-timeline {\n      right: 12px;\n      bottom: 25px;\n      left: 12px;\n\n      display: block;\n    }\n\n    .sv-timeline__label {\n      display: none;\n    }\n\n    .sv-timeline__track span {\n      gap: 7px;\n\n      font-size: 4.3px;\n      letter-spacing: 0.02em;\n    }\n\n    .sv-timeline__track i {\n      width: 6px;\n      height: 6px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .sv-hud {\n      min-height: 1060px;\n    }\n\n    .sv-title-main {\n      font-size: clamp(21px, 6.6vw, 27px);\n    }\n\n    .sv-title-accent {\n      font-size: clamp(19px, 5.9vw, 24px);\n    }\n\n    .sv-panel--step {\n      width: 38%;\n    }\n\n    .sv-panel--status {\n      width: calc(62% - 30px);\n    }\n\n    .sv-step-digit {\n      height: 78px;\n    }\n\n    .sv-step-digit > span {\n      font-size: clamp(40px, 12vw, 53px);\n    }\n\n    .sv-status-heading em {\n      font-size: 0.58em;\n    }\n\n    .sv-data-row strong {\n      font-size: 6px;\n    }\n\n    .sv-core-stage {\n      width: min(77vw, 285px);\n    }\n\n    .sv-panel--direction {\n      width: 63%;\n    }\n\n    .sv-panel--spectrum,\n    .sv-panel--audience {\n      width: calc(37% - 30px);\n    }\n\n    .sv-panel--direction p {\n      font-size: 8px;\n    }\n\n    .sv-direction__heading strong {\n      font-size: clamp(12px, 3.6vw, 15px);\n    }\n\n    .sv-timeline__track span {\n      font-size: 3.9px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .sv-hud *,\n    .sv-hud *::before,\n    .sv-hud *::after {\n      animation-duration: 0.001ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.001ms !important;\n    }\n\n    .sv-core-stage {\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .sv-core {\n      transform:\n        translate3d(-50%, -50%, 70px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67e3afb e-con-full development-scene scene-06 e-flex e-con e-child\" data-id=\"67e3afb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2706a0f0 hud-scene-host liquid-glass elementor-widget elementor-widget-html\" data-id=\"2706a0f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\n  class=\"proto-hud\"\n  data-proto-hud\n  aria-label=\"Layout Flow and Client Review\" data-hud-runtime data-hud-x-var=\"--proto-mx\" data-hud-y-var=\"--proto-my\" data-hud-panel=\".proto-panel\" data-hud-paused-class=\"is-proto-paused\" data-hud-strength=\"0.78\" data-hud-smoothing=\"0.055\" data-hud-threshold=\"0.0004\" data-hud-mobile-fit=\"true\">\n  <div class=\"proto-topbar\" aria-hidden=\"true\">\n    <span>INTERACTIVE PROTOTYPE SYSTEM<\/span>\n\n    <div class=\"proto-topbar__center\">\n      <i><\/i>\n      <span>LAYOUT CHANNEL 06<\/span>\n      <i><\/i>\n    <\/div>\n\n    <span class=\"proto-online\">\n      <b><\/b>\n      REVIEW LINK ACTIVE\n    <\/span>\n  <\/div>\n\n  <article class=\"proto-panel proto-panel--step\">\n    <div class=\"proto-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"proto-panel__meta\">\n      <span>PROCESS SEQUENCE<\/span>\n      <span>06 \/ 06<\/span>\n    <\/div>\n\n    <div class=\"proto-step-display\" aria-label=\"Step 06\">\n      <div class=\"proto-step-digit\">\n        <span>0<\/span>\n        <i><\/i>\n        <b>BASE<\/b>\n      <\/div>\n\n      <div class=\"proto-step-digit proto-step-digit--active\">\n        <span>6<\/span>\n        <i><\/i>\n        <b>LIVE<\/b>\n      <\/div>\n    <\/div>\n\n    <div class=\"proto-panel__footer\">\n      <span>PROTOTYPE NODE<\/span>\n      <span class=\"proto-status-dot\">ACTIVE<\/span>\n    <\/div>\n  <\/article>\n\n  <article class=\"proto-panel proto-panel--status\">\n    <div class=\"proto-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"proto-panel__meta\">\n      <span>PROTOTYPE STATE<\/span>\n      <span>06:41:28<\/span>\n    <\/div>\n\n    <div class=\"proto-status-heading\">\n      <span>CLIENT REVIEW<\/span>\n\n      <strong>\n        FLOW MODEL\n        <em>READY FOR APPROVAL<\/em>\n      <\/strong>\n    <\/div>\n\n    <div class=\"proto-progress\">\n      <div class=\"proto-progress__label\">\n        <span>PROTOTYPE READINESS<\/span>\n        <span>94.6%<\/span>\n      <\/div>\n\n      <div class=\"proto-progress__track\">\n        <i><\/i>\n      <\/div>\n    <\/div>\n\n    <div class=\"proto-data-row\">\n      <span>ACTIVE SCREENS<\/span>\n      <strong>12<\/strong>\n    <\/div>\n\n    <div class=\"proto-data-row\">\n      <span>REVIEW STATUS<\/span>\n      <strong>OPEN<\/strong>\n    <\/div>\n  <\/article>\n\n  <article class=\"proto-panel proto-panel--title\">\n    <div class=\"proto-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"proto-panel__index\">\n      <span>MODULE<\/span>\n      <strong>PROTOTYPE.06<\/strong>\n    <\/div>\n\n    <p class=\"proto-kicker\">LAYOUT \/ FLOW<\/p>\n\n    <h2>\n      <span class=\"proto-title-main\">CLIENT<\/span>\n      <span class=\"proto-title-accent\">REVIEW<\/span>\n    <\/h2>\n\n    <div class=\"proto-title-line\" aria-hidden=\"true\">\n      <i><\/i>\n      <b><\/b>\n      <i><\/i>\n    <\/div>\n\n    <div class=\"proto-title-data\">\n      <span>INPUT \/ USER FLOW<\/span>\n      <span>MODE \/ INTERACTIVE REVIEW<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"proto-core-stage\" aria-hidden=\"true\">\n    <div class=\"proto-core-stage__axis proto-core-stage__axis--x\"><\/div>\n    <div class=\"proto-core-stage__axis proto-core-stage__axis--y\"><\/div>\n\n    <span class=\"proto-core-marker proto-core-marker--01\">\n      LAYOUT\n    <\/span>\n\n    <span class=\"proto-core-marker proto-core-marker--02\">\n      NAVIGATION\n    <\/span>\n\n    <span class=\"proto-core-marker proto-core-marker--03\">\n      FEEDBACK\n    <\/span>\n\n    <span class=\"proto-core-marker proto-core-marker--04\">\n      APPROVAL\n    <\/span>\n\n    <div class=\"proto-core\">\n      <div class=\"proto-core__scan\"><\/div>\n\n      <div class=\"proto-core__radar\"><\/div>\n\n      <div class=\"proto-core__orbit proto-core__orbit--01\"><\/div>\n      <div class=\"proto-core__orbit proto-core__orbit--02\"><\/div>\n      <div class=\"proto-core__orbit proto-core__orbit--03\"><\/div>\n\n      <div class=\"proto-core__model\">\n        <svg viewBox=\"0 0 480 480\" role=\"presentation\">\n          <defs>\n            <linearGradient\n              id=\"protoGradient\"\n              x1=\"0\"\n              y1=\"0\"\n              x2=\"1\"\n              y2=\"1\"\n            >\n              <stop\n                offset=\"0\"\n                stop-color=\"#eadbc8\"\n                stop-opacity=\".95\"\n              \/>\n\n              <stop\n                offset=\".52\"\n                stop-color=\"#702b3d\"\n                stop-opacity=\".62\"\n              \/>\n\n              <stop\n                offset=\"1\"\n                stop-color=\"#702b3d\"\n                stop-opacity=\".85\"\n              \/>\n            <\/linearGradient>\n          <\/defs>\n\n          <g\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <circle\n              cx=\"240\"\n              cy=\"240\"\n              r=\"207\"\n              stroke-width=\"1\"\n              opacity=\".23\"\n            \/>\n\n            <circle\n              cx=\"240\"\n              cy=\"240\"\n              r=\"170\"\n              stroke-width=\"1\"\n              stroke-dasharray=\"4 9\"\n              opacity=\".21\"\n            \/>\n\n            <ellipse\n              cx=\"240\"\n              cy=\"240\"\n              rx=\"207\"\n              ry=\"69\"\n              stroke-width=\".8\"\n              opacity=\".23\"\n            \/>\n\n            <ellipse\n              cx=\"240\"\n              cy=\"240\"\n              rx=\"82\"\n              ry=\"207\"\n              stroke-width=\".8\"\n              opacity=\".23\"\n            \/>\n\n            <path\n              d=\"\n                M240 30V450\n                M30 240H450\n                M92 92L388 388\n                M388 92L92 388\n              \"\n              stroke-width=\".7\"\n              opacity=\".18\"\n            \/>\n\n            <polygon\n              points=\"\n                142,103\n                333,72\n                350,203\n                159,232\n              \"\n              stroke-width=\"1\"\n              opacity=\".42\"\n            \/>\n\n            <path\n              d=\"\n                M158 123L321 97\n                M163 145L326 119\n                M167 169L312 146\n                M170 190L276 173\n              \"\n              stroke-width=\".75\"\n              opacity=\".34\"\n            \/>\n\n            <polygon\n              points=\"\n                113,166\n                355,128\n                377,295\n                135,332\n              \"\n              stroke-width=\"1.2\"\n              opacity=\".65\"\n            \/>\n\n            <path\n              d=\"\n                M133 190L337 158\n                M138 217L341 185\n                M142 245L304 219\n                M146 273L286 251\n                M151 300L239 286\n              \"\n              stroke-width=\".8\"\n              opacity=\".46\"\n            \/>\n\n            <polygon\n              points=\"\n                151,217\n                335,188\n                353,334\n                169,362\n              \"\n              stroke=\"url(#protoGradient)\"\n              stroke-width=\"1.5\"\n              opacity=\".92\"\n            \/>\n\n            <path\n              d=\"\n                M155 241L338 212\n                M179 231L183 230\n                M191 229L195 228\n                M203 227L207 226\n              \"\n              stroke-width=\".9\"\n              opacity=\".72\"\n            \/>\n\n            <polygon\n              points=\"\n                174,256\n                253,244\n                260,298\n                181,310\n              \"\n              stroke-width=\"1\"\n              opacity=\".78\"\n            \/>\n\n            <polygon\n              points=\"\n                270,241\n                326,232\n                332,281\n                276,290\n              \"\n              stroke-width=\".9\"\n              opacity=\".58\"\n            \/>\n\n            <polygon\n              points=\"\n                185,321\n                267,308\n                271,339\n                189,351\n              \"\n              stroke-width=\".8\"\n              opacity=\".58\"\n            \/>\n\n            <polygon\n              points=\"\n                279,302\n                337,293\n                341,323\n                283,332\n              \"\n              stroke-width=\".8\"\n              opacity=\".48\"\n            \/>\n\n            <path\n              d=\"\n                M188 270L242 262\n                M190 279L246 270\n                M192 288L229 282\n\n                M282 252L316 247\n                M284 260L318 255\n                M286 268L307 265\n\n                M197 331L251 322\n                M199 339L236 333\n              \"\n              stroke-width=\".7\"\n              opacity=\".55\"\n            \/>\n\n            <path\n              d=\"\n                M155 167L142 103\n                M355 128L333 72\n                M377 295L350 203\n\n                M151 217L113 166\n                M335 188L355 128\n                M353 334L377 295\n              \"\n              stroke-width=\".8\"\n              stroke-dasharray=\"3 7\"\n              opacity=\".42\"\n            \/>\n\n            <path\n              d=\"\n                M72 264\n                C126 224 169 219 212 245\n                C255 271 272 291 326 268\n                C373 248 397 229 428 252\n              \"\n              stroke=\"url(#protoGradient)\"\n              stroke-width=\"1.6\"\n              opacity=\".9\"\n            \/>\n\n            <path\n              d=\"\n                M207 239L219 246L207 252\n                M320 263L332 267L322 276\n                M416 244L429 252L416 259\n              \"\n              stroke=\"url(#protoGradient)\"\n              stroke-width=\"1.3\"\n              opacity=\".88\"\n            \/>\n\n            <circle\n              cx=\"72\"\n              cy=\"264\"\n              r=\"17\"\n              stroke-width=\"1\"\n              opacity=\".62\"\n            \/>\n\n            <circle\n              cx=\"215\"\n              cy=\"246\"\n              r=\"13\"\n              stroke-width=\"1\"\n              opacity=\".72\"\n            \/>\n\n            <circle\n              cx=\"329\"\n              cy=\"268\"\n              r=\"15\"\n              stroke-width=\"1\"\n              opacity=\".68\"\n            \/>\n\n            <circle\n              cx=\"428\"\n              cy=\"252\"\n              r=\"17\"\n              stroke-width=\"1\"\n              opacity=\".62\"\n            \/>\n\n            <path\n              d=\"\n                M115 111\n                L128 124\n                L151 98\n\n                M370 114\n                L383 127\n                L406 101\n              \"\n              stroke-width=\"1.4\"\n              opacity=\".72\"\n            \/>\n\n            <circle\n              cx=\"133\"\n              cy=\"113\"\n              r=\"30\"\n              stroke-width=\".8\"\n              stroke-dasharray=\"3 6\"\n              opacity=\".35\"\n            \/>\n\n            <circle\n              cx=\"388\"\n              cy=\"116\"\n              r=\"30\"\n              stroke-width=\".8\"\n              stroke-dasharray=\"3 6\"\n              opacity=\".35\"\n            \/>\n\n            <polygon\n              points=\"\n                240,202\n                278,240\n                240,278\n                202,240\n              \"\n              stroke-width=\"1.2\"\npolygon\n              points=\"\n                240,202              opacity=\".74\"\n            \/>\n\n            <polygon\n              points=\"\n                240,216\n                264,240\n                240,264\n                216,240\n              \"\n              stroke-width=\"1\"\n              opacity=\".58\"\n            \/>\n          <\/g>\n\n          <g fill=\"currentColor\">\n            <circle cx=\"72\" cy=\"264\" r=\"3\" \/>\n            <circle cx=\"215\" cy=\"246\" r=\"3\" \/>\n            <circle cx=\"329\" cy=\"268\" r=\"3\" \/>\n            <circle cx=\"428\" cy=\"252\" r=\"3\" \/>\n\n            <circle cx=\"142\" cy=\"103\" r=\"2.5\" \/>\n            <circle cx=\"333\" cy=\"72\" r=\"2.5\" \/>\n            <circle cx=\"350\" cy=\"203\" r=\"2.5\" \/>\n            <circle cx=\"159\" cy=\"232\" r=\"2.5\" \/>\n\n            <circle cx=\"151\" cy=\"217\" r=\"3\" \/>\n            <circle cx=\"335\" cy=\"188\" r=\"3\" \/>\n            <circle cx=\"353\" cy=\"334\" r=\"3\" \/>\n            <circle cx=\"169\" cy=\"362\" r=\"3\" \/>\n          <\/g>\n\n          <g\n            fill=\"currentColor\"\n            font-family=\"Arial, sans-serif\"\n            font-size=\"8\"\n            letter-spacing=\"1\"\n            text-anchor=\"middle\"\n            opacity=\".55\"\n          >\n            <text x=\"72\" y=\"291\">ENTRY<\/text>\n            <text x=\"215\" y=\"271\">SCREEN<\/text>\n            <text x=\"329\" y=\"295\">ACTION<\/text>\n            <text x=\"428\" y=\"279\">GOAL<\/text>\n\n            <text x=\"240\" y=\"388\">PROTOTYPE<\/text>\n            <text x=\"133\" y=\"157\">REVIEW A<\/text>\n            <text x=\"388\" y=\"160\">REVIEW B<\/text>\n          <\/g>\n        <\/svg>\n      <\/div>\n\n      <div class=\"proto-core__pivot\">\n        <span><\/span>\n        <i><\/i>\n      <\/div>\n\n      <div class=\"proto-pulse proto-pulse--01\"><\/div>\n      <div class=\"proto-pulse proto-pulse--02\"><\/div>\n      <div class=\"proto-pulse proto-pulse--03\"><\/div>\n\n      <div class=\"proto-particle proto-particle--01\"><\/div>\n      <div class=\"proto-particle proto-particle--02\"><\/div>\n      <div class=\"proto-particle proto-particle--03\"><\/div>\n      <div class=\"proto-particle proto-particle--04\"><\/div>\n      <div class=\"proto-particle proto-particle--05\"><\/div>\n      <div class=\"proto-particle proto-particle--06\"><\/div>\n      <div class=\"proto-particle proto-particle--07\"><\/div>\n    <\/div>\n\n    <div class=\"proto-core-caption\">\n      <span>INTERACTIVE FLOW MODEL<\/span>\n      <strong>PROTOTYPE SYNCHRONIZED<\/strong>\n    <\/div>\n  <\/div>\n\n  <article class=\"proto-panel proto-panel--approval\">\n    <div class=\"proto-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"proto-approval__header\">\n      <span>PROTOTYPE DEVELOPMENT<\/span>\n      <small>CLIENT REVIEW LOOP<\/small>\n    <\/div>\n\n    <div class=\"proto-approval__heading\">\n      <span>CREATION &amp; APPROVAL<\/span>\n      <strong>OF PROTOTYPES<\/strong>\n    <\/div>\n\n    <p>\n      Prototypes are created to define layout and user flow, then\n      reviewed with the client, refined according to feedback, and\n      approved before moving forward.\n    <\/p>\n\n    <div class=\"proto-approval__tags\">\n      <span>LAYOUT<\/span>\n      <span>USER FLOW<\/span>\n      <span>REVIEW<\/span>\n      <span>FEEDBACK<\/span>\n      <span>APPROVAL<\/span>\n    <\/div>\n\n    <div class=\"proto-approval__scanner\" aria-hidden=\"true\">\n      <i><\/i>\n    <\/div>\n  <\/article>\n\n  <article class=\"proto-panel proto-panel--flow\">\n    <div class=\"proto-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"proto-mini-header\">\n      <span>FLOW INTEGRITY<\/span>\n      <span>05 METRICS<\/span>\n    <\/div>\n\n    <div class=\"proto-flow-matrix\">\n      <div>\n        <span>LAYOUT<\/span>\n        <i style=\"--proto-level: 96%\"><\/i>\n        <strong>96<\/strong>\n      <\/div>\n\n      <div>\n        <span>NAVIGATION<\/span>\n        <i style=\"--proto-level: 91%\"><\/i>\n        <strong>91<\/strong>\n      <\/div>\n\n      <div>\n        <span>HIERARCHY<\/span>\n        <i style=\"--proto-level: 88%\"><\/i>\n        <strong>88<\/strong>\n      <\/div>\n\n      <div>\n        <span>INTERACTION<\/span>\n        <i style=\"--proto-level: 84%\"><\/i>\n        <strong>84<\/strong>\n      <\/div>\n\n      <div>\n        <span>APPROVAL<\/span>\n        <i style=\"--proto-level: 76%\"><\/i>\n        <strong>76<\/strong>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"proto-panel proto-panel--review\">\n    <div class=\"proto-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"proto-mini-header\">\n      <span>CLIENT REVIEW MAP<\/span>\n      <span>LIVE SESSION<\/span>\n    <\/div>\n\n    <div class=\"proto-review-map\" aria-hidden=\"true\">\n      <span class=\"proto-review-node proto-review-node--core\"><\/span>\n      <span class=\"proto-review-node proto-review-node--01\"><\/span>\n      <span class=\"proto-review-node proto-review-node--02\"><\/span>\n      <span class=\"proto-review-node proto-review-node--03\"><\/span>\n      <span class=\"proto-review-node proto-review-node--04\"><\/span>\n      <span class=\"proto-review-node proto-review-node--05\"><\/span>\n\n      <i class=\"proto-review-link proto-review-link--01\"><\/i>\n      <i class=\"proto-review-link proto-review-link--02\"><\/i>\n      <i class=\"proto-review-link proto-review-link--03\"><\/i>\n      <i class=\"proto-review-link proto-review-link--04\"><\/i>\n      <i class=\"proto-review-link proto-review-link--05\"><\/i>\n\n      <b>REVIEW<\/b>\n\n      <small class=\"proto-review-label proto-review-label--01\">\n        CLIENT\n      <\/small>\n\n      <small class=\"proto-review-label proto-review-label--02\">\n        NOTES\n      <\/small>\n\n      <small class=\"proto-review-label proto-review-label--03\">\n        APPROVAL\n      <\/small>\n    <\/div>\n\n    <div class=\"proto-review-footer\">\n      <span>COMMENTS 07<\/span>\n      <span>SYNC 99.4%<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"proto-timeline\">\n    <div class=\"proto-timeline__label\">\n      <span>PROCESS FLOW<\/span>\n      <strong>PROTOTYPE APPROVAL PROTOCOL<\/strong>\n    <\/div>\n\n    <div class=\"proto-timeline__track\">\n      <div class=\"proto-timeline__progress\"><\/div>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        CONTACT\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        DISCOVERY\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        STRUCTURE\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        ASSETS\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        STYLE\n      <\/span>\n\n      <span class=\"is-active\">\n        <i><\/i>\n        PROTOTYPE\n      <\/span>\n    <\/div>\n  <\/div>\n\n  <div\n    class=\"proto-microtext proto-microtext--left\"\n    aria-hidden=\"true\"\n  >\n    PROTOTYPE_MODE \/\/ ACTIVE<br>\n    FLOW_INTEGRITY \/\/ 94.6<br>\n    REVIEW_CHANNELS \/\/ 05\n  <\/div>\n\n  <div\n    class=\"proto-microtext proto-microtext--right\"\n    aria-hidden=\"true\"\n  >\n    CLIENT.REVIEW.06<br>\n    INTERACTIVE LAYOUT<br>\n    SYSTEM REVISION 29.6\n  <\/div>\n<\/section>\n\n<style>\n  .proto-hud {\n    --proto-cyan: #eadbc8;\n    --proto-cyan-strong: #eadbc8;\n    --proto-blue: #702b3d;\n    --proto-violet: #702b3d;\n    --proto-white: #eadbc8;\n\n    --proto-line: rgba(234, 219, 200, 0.295);\n    --proto-line-soft: rgba(234, 219, 200, 0.118);\n\n    --proto-mx: 0;\n    --proto-my: 0;\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    min-height: clamp(730px, 87vh, 970px);\n\n    overflow: hidden;\n    isolation: isolate;\n    contain: layout paint style;\n    perspective: 1200px;\n\n    color: var(--proto-white);\n    background: transparent;\n\n    font-family:\n      \"Arial Narrow\",\n      \"Roboto Condensed\",\n      \"Helvetica Neue\",\n      Arial,\n      sans-serif;\n\n    text-transform: uppercase;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .proto-hud *,\n  .proto-hud *::before,\n  .proto-hud *::after {\n    box-sizing: border-box;\n  }\n\n  .proto-hud * {\n    min-width: 0;\n  }\n\n  .proto-hud::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 20;\n    inset: 0;\n\n    pointer-events: none;\n\n    background: repeating-linear-gradient(\n      180deg,\n      transparent 0,\n      transparent 5px,\n      rgba(234, 219, 200, 0.02) 6px\n    );\n\n    opacity: 0.44;\n  }\n\n  .proto-topbar {\n    position: absolute;\n    z-index: 9;\n\n    top: 22px;\n    left: 3%;\n    right: 3%;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n\n    color: rgba(234, 219, 200, 0.59);\n\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: 0.22em;\n\n    white-space: nowrap;\n  }\n\n  .proto-topbar::after {\n    content: \"\";\n\n    position: absolute;\n    top: calc(100% + 10px);\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      var(--proto-line),\n      transparent 24%,\n      transparent 76%,\n      var(--proto-line)\n    );\n  }\n\n  .proto-topbar__center {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .proto-topbar__center i {\n    display: block;\n\n    width: 34px;\n    height: 1px;\n\n    background: var(--proto-line);\n  }\n\n  .proto-online {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    color: var(--proto-cyan);\n  }\n\n  .proto-online b {\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--proto-cyan);\n    box-shadow: 0 0 10px rgba(234, 219, 200, 0.92);\n\n    animation:\n      protoBlink 3.2s ease-in-out infinite;\n  }\n\n  .proto-panel {\n    position: absolute;\n    z-index: 5;\n\n    padding: 18px;\n    overflow: hidden;\n\n    border: 1px solid var(--proto-line);\n\n    background: linear-gradient(\n      135deg,\n      rgba(18, 7, 10, 0.78),\n      rgba(18, 7, 10, 0.38)\n    );\n\n    box-shadow:\n      inset 0 0 28px rgba(234, 219, 200, 0.029),\n      0 18px 60px rgba(0, 0, 0, 0.16);\n\n    outline: none;\n\n    transform:\n      translate3d(\n        calc(var(--proto-mx) * var(--proto-shift-x, 0px)),\n        calc(var(--proto-my) * var(--proto-shift-y, 0px)),\n        0\n      );\n\n    transition:\n      border-color 350ms ease,\n      box-shadow 450ms ease,\n      background-color 450ms ease;\n  }\n\n  .proto-panel::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: 0;\n    left: -90%;\n\n    width: 46%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.077),\n      transparent\n    );\n\n    transform: skewX(-16deg);\n\n    transition:\n      left 750ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .proto-panel::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: -30%;\n    left: 0;\n    right: 0;\n\n    height: 24px;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.106),\n      transparent\n    );\n\n    opacity: 0;\n  }\n\n  .proto-panel:hover,\n  .proto-panel:focus-visible,\n  .proto-panel.is-touch-active {\n    border-color: rgba(234, 219, 200, 0.684);\n\n    box-shadow:\n      inset 0 0 34px rgba(234, 219, 200, 0.053),\n      0 0 24px rgba(234, 219, 200, 0.071),\n      0 18px 60px rgba(0, 0, 0, 0.2);\n  }\n\n  .proto-panel:hover::before,\n  .proto-panel:focus-visible::before,\n  .proto-panel.is-touch-active::before {\n    left: 145%;\n  }\n\n  .proto-panel:hover::after,\n  .proto-panel:focus-visible::after,\n  .proto-panel.is-touch-active::after {\n    opacity: 1;\n\n    animation:\n      protoPanelScan 2.3s linear infinite;\n  }\n\n  .proto-panel > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .proto-panel__corners {\n    position: absolute;\n    z-index: 2;\n\n    inset: 7px;\n\n    pointer-events: none;\n\n    background:\n      linear-gradient(var(--proto-cyan), var(--proto-cyan)) left top \/ 11px 1px no-repeat,\n      linear-gradient(var(--proto-cyan), var(--proto-cyan)) left top \/ 1px 11px no-repeat,\n      linear-gradient(var(--proto-cyan), var(--proto-cyan)) right top \/ 11px 1px no-repeat,\n      linear-gradient(var(--proto-cyan), var(--proto-cyan)) right top \/ 1px 11px no-repeat,\n      linear-gradient(var(--proto-cyan), var(--proto-cyan)) left bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--proto-cyan), var(--proto-cyan)) left bottom \/ 1px 11px no-repeat,\n      linear-gradient(var(--proto-cyan), var(--proto-cyan)) right bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--proto-cyan), var(--proto-cyan)) right bottom \/ 1px 11px no-repeat;\n\n    opacity: 0.54;\n  }\n\n  .proto-panel__meta,\n  .proto-panel__footer,\n  .proto-progress__label,\n  .proto-data-row,\n  .proto-title-data,\n  .proto-mini-header,\n  .proto-review-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n\n    color: rgba(234, 219, 200, 0.507);\n\n    font-size: 7px;\n    font-weight: 600;\n    line-height: 1.3;\n    letter-spacing: 0.15em;\n  }\n\n  .proto-panel--step {\n    --proto-shift-x: -6px;\n    --proto-shift-y: -4px;\n\n    top: 13%;\n    left: 3.5%;\n\n    width: clamp(205px, 17vw, 270px);\n  }\n\n  .proto-step-display {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 8px;\n\n    margin: 14px 0 10px;\n  }\n\n  .proto-step-digit {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    height: clamp(82px, 8vw, 118px);\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n\n    background: linear-gradient(\n      145deg,\n      rgba(234, 219, 200, 0.041),\n      rgba(234, 219, 200, 0.006)\n    );\n\n    clip-path: polygon(\n      0 10px,\n      10px 0,\n      100% 0,\n      100% calc(100% - 10px),\n      calc(100% - 10px) 100%,\n      0 100%\n    );\n  }\n\n  .proto-step-digit::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 8px;\n    left: 8px;\n    right: 8px;\n\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      var(--proto-cyan),\n      transparent\n    );\n\n    opacity: 0.35;\n  }\n\n  .proto-step-digit::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 8px;\n    bottom: 8px;\n\n    width: 15px;\n    height: 1px;\n\n    background: var(--proto-line);\n  }\n\n  .proto-step-digit > span {\n    color: transparent;\n\n    font-size: clamp(58px, 6.5vw, 94px);\n    font-weight: 300;\n    line-height: 0.8;\n    letter-spacing: -0.08em;\n\n    font-variant-numeric: tabular-nums;\n\n    -webkit-text-stroke:\n      1px rgba(234, 219, 200, 0.59);\n\n    transform: translateY(-2px);\n  }\n\n  .proto-step-digit > i {\n    position: absolute;\n\n    top: 50%;\n    right: 7px;\n\n    width: 3px;\n    height: 28%;\n\n    background: repeating-linear-gradient(\n      180deg,\n      var(--proto-cyan) 0 2px,\n      transparent 2px 5px\n    );\n\n    opacity: 0.3;\n\n    transform: translateY(-50%);\n  }\n\n  .proto-step-digit > b {\n    position: absolute;\n\n    bottom: 7px;\n    left: 8px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 5px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n  }\n\n  .proto-step-digit--active {\n    border-color: rgba(234, 219, 200, 0.566);\n\n    background: linear-gradient(\n      145deg,\n      rgba(112, 43, 61, 0.09),\n      rgba(234, 219, 200, 0.047)\n    );\n\n    box-shadow:\n      inset 0 0 22px rgba(234, 219, 200, 0.059);\n  }\n\n  .proto-step-digit--active > span {\n    color: rgba(234, 219, 200, 0.077);\n\n    -webkit-text-stroke-color: var(--proto-cyan);\n\n    text-shadow:\n      0 0 18px rgba(234, 219, 200, 0.177);\n  }\n\n  .proto-step-digit--active > b {\n    color: var(--proto-cyan);\n  }\n\n  .proto-status-dot {\n    color: var(--proto-cyan);\n  }\n\n  .proto-status-dot::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 4px;\n    height: 4px;\n    margin-right: 7px;\n\n    border-radius: 50%;\n\n    background: var(--proto-cyan);\n    box-shadow: 0 0 8px var(--proto-cyan);\n  }\n\n  .proto-panel--status {\n    --proto-shift-x: 8px;\n    --proto-shift-y: -5px;\n\n    top: 13%;\n    right: 4%;\n\n    width: clamp(255px, 22vw, 350px);\n  }\n\n  .proto-status-heading {\n    margin: 24px 0 22px;\n  }\n\n  .proto-status-heading > span {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--proto-violet);\n\n    font-size: 9px;\n    letter-spacing: 0.27em;\n  }\n\n  .proto-status-heading strong {\n    display: block;\n\n    color: var(--proto-white);\n\n    font-size: clamp(17px, 1.65vw, 26px);\n    font-weight: 300;\n    line-height: 1;\n    letter-spacing: 0.075em;\n  }\n\n  .proto-status-heading em {\n    display: block;\n\n    margin-top: 5px;\n\n    color: var(--proto-cyan);\n\n    font-size: 0.68em;\n    font-style: normal;\n    letter-spacing: 0.025em;\n\n    white-space: nowrap;\n  }\n\n  .proto-progress {\n    margin-bottom: 18px;\n  }\n\n  .proto-progress__track {\n    height: 3px;\n    margin-top: 9px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.118);\n  }\n\n  .proto-progress__track i {\n    display: block;\n\n    width: 94.6%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      var(--proto-violet),\n      var(--proto-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      protoProgress 3.2s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .proto-data-row {\n    padding: 8px 0;\n\n    border-top: 1px solid var(--proto-line-soft);\n  }\n\n  .proto-data-row strong {\n    color: var(--proto-cyan);\n\n    font-size: 8px;\n    font-weight: 500;\n\n    white-space: nowrap;\n  }\n\n  .proto-panel--title {\n    --proto-shift-x: -11px;\n    --proto-shift-y: 8px;\n\n    top: 43%;\n    left: 4%;\n\n    width: clamp(300px, 27vw, 415px);\n    padding: clamp(21px, 2vw, 32px);\n  }\n\n  .proto-panel__index {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n\n    margin-bottom: 27px;\n\n    color: rgba(234, 219, 200, 0.472);\n\n    font-size: 8px;\n    letter-spacing: 0.2em;\n  }\n\n  .proto-panel__index strong {\n    color: var(--proto-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n  }\n\n  .proto-kicker {\n    margin: 0 0 8px;\n\n    color: var(--proto-violet);\n\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 0.3em;\n  }\n\n  .proto-panel--title h2 {\n    width: 100%;\n    margin: 0;\n\n    font-weight: 300;\n    line-height: 0.94;\n  }\n\n  .proto-title-main,\n  .proto-title-accent {\n    display: block;\n\n    width: 100%;\n    max-width: 100%;\n\n    white-space: nowrap;\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .proto-title-main {\n    color: var(--proto-white);\n\n    font-size: clamp(30px, 3.15vw, 51px);\n    letter-spacing: 0.065em;\n  }\n\n  .proto-title-accent {\n    margin-top: 9px;\n\n    color: var(--proto-cyan);\n\n    font-size: clamp(29px, 3vw, 49px);\n    letter-spacing: 0.05em;\n\n    text-shadow:\n      0 0 22px rgba(234, 219, 200, 0.201);\n  }\n\n  .proto-title-line {\n    display: grid;\n    grid-template-columns: 1fr 5px 0.34fr;\n    align-items: center;\n    gap: 8px;\n\n    margin: 23px 0 14px;\n  }\n\n  .proto-title-line i {\n    display: block;\n\n    height: 1px;\n\n    background: var(--proto-line);\n  }\n\n  .proto-title-line b {\n    width: 5px;\n    height: 5px;\n\n    background: var(--proto-cyan);\n    box-shadow: 0 0 9px var(--proto-cyan);\n  }\n\n  .proto-panel--approval {\n    --proto-shift-x: 12px;\n    --proto-shift-y: 8px;\n\n    top: 41%;\n    right: 3%;\n\n    width: clamp(320px, 29vw, 450px);\n    padding: clamp(21px, 2vw, 30px);\n  }\n\n  .proto-approval__header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 15px;\n  }\n\n  .proto-approval__header span {\n    color: var(--proto-cyan);\n\n    font-size: 8px;\n    letter-spacing: 0.19em;\n  }\n\n  .proto-approval__header small {\n    color: rgba(234, 219, 200, 0.401);\n\n    font-size: 7px;\n    letter-spacing: 0.11em;\n  }\n\n  .proto-approval__heading {\n    margin: 21px 0 15px;\n  }\n\n  .proto-approval__heading span,\n  .proto-approval__heading strong {\n    display: block;\n  }\n\n  .proto-approval__heading span {\n    color: var(--proto-white);\n\n    font-size: clamp(16px, 1.45vw, 23px);\n    font-weight: 300;\n    letter-spacing: 0.075em;\n  }\n\n  .proto-approval__heading strong {\n    margin-top: 6px;\n\n    color: var(--proto-cyan);\n\n    font-size: clamp(21px, 1.9vw, 30px);\n    font-weight: 300;\n    letter-spacing: 0.055em;\n\n    white-space: nowrap;\n  }\n\n  .proto-panel--approval p {\n    max-width: 37em;\n    margin: 0 0 20px;\n\n    color: rgba(234, 219, 200, 0.909);\n\n    font-size: clamp(11px, 0.95vw, 14px);\n    font-weight: 300;\n    line-height: 1.68;\n    letter-spacing: 0.035em;\n\n    text-transform: none;\n\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .proto-approval__tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n\n    max-width: calc(100% - 43px);\n  }\n\n  .proto-approval__tags span {\n    padding: 6px 8px;\n\n    border: 1px solid rgba(234, 219, 200, 0.201);\n\n    background: rgba(234, 219, 200, 0.029);\n\n    color: rgba(234, 219, 200, 0.826);\n\n    font-size: 7px;\n    letter-spacing: 0.09em;\n\n    white-space: nowrap;\n\n    transition:\n      border-color 350ms ease,\n      color 350ms ease,\n      background-color 350ms ease;\n  }\n\n  .proto-panel--approval:hover .proto-approval__tags span {\n    border-color: rgba(234, 219, 200, 0.378);\n    background: rgba(234, 219, 200, 0.053);\n    color: rgba(234, 219, 200, 1);\n  }\n\n  .proto-approval__scanner {\n    position: absolute;\n\n    right: 14px;\n    bottom: 14px;\n\n    width: 42px;\n    height: 42px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n    border-radius: 50%;\n  }\n\n  .proto-approval__scanner::before,\n  .proto-approval__scanner::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.26);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .proto-approval__scanner::before {\n    width: 74%;\n    height: 1px;\n  }\n\n  .proto-approval__scanner::after {\n    width: 1px;\n    height: 74%;\n  }\n\n  .proto-approval__scanner i {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 50%;\n    height: 50%;\n\n    background: conic-gradient(\n      from -28deg,\n      rgba(234, 219, 200, 0.224),\n      transparent 42deg\n    );\n\n    transform-origin: 0 0;\n\n    animation:\n      protoRadar 8s linear infinite;\n  }\n\n  .proto-core-stage {\n    position: absolute;\n    z-index: 3;\n\n    top: 47%;\n    left: 50%;\n\n    width: clamp(350px, 38vw, 595px);\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 0)\n      rotateX(calc(var(--proto-my) * -5deg))\n      rotateY(calc(var(--proto-mx) * 7deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .proto-core-stage::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 4%;\n\n    border: 1px solid rgba(234, 219, 200, 0.088);\n    border-radius: 50%;\n\n    box-shadow:\n      inset 0 0 80px rgba(234, 219, 200, 0.029),\n      0 0 75px rgba(234, 219, 200, 0.029);\n  }\n\n  .proto-core-stage__axis {\n    position: absolute;\n    z-index: -1;\n\n    top: 50%;\n    left: 50%;\n  }\n\n  .proto-core-stage__axis--x {\n    width: 125%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .proto-core-stage__axis--y {\n    width: 1px;\n    height: 125%;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .proto-core {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 77%;\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 70px)\n      rotateX(calc(var(--proto-my) * -4deg))\n      rotateY(calc(var(--proto-mx) * 5deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .proto-core__model {\n    position: absolute;\n    inset: 4%;\n\n    color: var(--proto-cyan);\n\n    border-radius: 50%;\n\n    background: radial-gradient(\n      circle,\n      rgba(234, 219, 200, 0.031),\n      rgba(112, 43, 61, 0.014) 48%,\n      transparent 72%\n    );\n\n    transform: translateZ(42px);\n  }\n\n  .proto-core__model svg {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: visible;\n\n    filter:\n      drop-shadow(0 0 5px rgba(234, 219, 200, 0.189));\n\n    animation:\n      protoModelPulse 7.5s ease-in-out infinite;\n  }\n\n  .proto-core__orbit {\n    position: absolute;\n    inset: 0;\n\n    border: 1px solid rgba(234, 219, 200, 0.319);\n    border-radius: 50%;\n\n    transform-style: preserve-3d;\n  }\n\n  .proto-core__orbit::before,\n  .proto-core__orbit::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--proto-cyan);\n    box-shadow: 0 0 11px rgba(234, 219, 200, 0.944);\n  }\n\n  .proto-core__orbit::before {\n    top: -3px;\n    left: 50%;\n  }\n\n  .proto-core__orbit::after {\n    right: 10%;\n    bottom: 18%;\n\n    width: 3px;\n    height: 3px;\n  }\n\n  .proto-core__orbit--01 {\n    transform: rotateX(68deg) rotateZ(14deg);\n\n    animation:\n      protoOrbitOne 23s linear infinite;\n  }\n\n  .proto-core__orbit--02 {\n    inset: 5%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n\n    transform: rotateY(69deg) rotateZ(32deg);\n\n    animation:\n      protoOrbitTwo 29s linear infinite reverse;\n  }\n\n  .proto-core__orbit--03 {\n    inset: 13%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n    border-style: dashed;\n\n    transform: rotateX(56deg) rotateY(44deg);\n\n    animation:\n      protoOrbitThree 36s linear infinite;\n  }\n\n  .proto-core__radar {\n    position: absolute;\n    inset: -7%;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.118);\n    border-radius: 50%;\n\n    transform: translateZ(-30px);\n  }\n\n  .proto-core__radar::before,\n  .proto-core__radar::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.094);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .proto-core__radar::before {\n    width: 100%;\n    height: 1px;\n  }\n\n  .proto-core__radar::after {\n    width: 1px;\n    height: 100%;\n  }\n\n  .proto-core__scan {\n    position: absolute;\n    z-index: 8;\n\n    top: 12%;\n    left: 10%;\n\n    width: 80%;\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--proto-cyan),\n      transparent\n    );\n\n    box-shadow:\n      0 0 14px rgba(234, 219, 200, 0.59);\n\n    opacity: 0.58;\n\n    animation:\n      protoCoreScan 7.4s ease-in-out infinite;\n  }\n\n  .proto-core__pivot {\n    position: absolute;\n    z-index: 10;\n\n    top: 50%;\n    left: 50%;\n\n    width: 18px;\n    height: 18px;\n\n    border: 1px solid rgba(234, 219, 200, 0.885);\n\n    background: rgba(234, 219, 200, 0.083);\n\n    transform:\n      translate3d(-50%, -50%, 105px)\n      rotate(45deg);\n\n    animation:\n      protoPivotPulse 4.8s ease-in-out infinite;\n  }\n\n  .proto-core__pivot::before,\n  .proto-core__pivot::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: var(--proto-cyan);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .proto-core__pivot::before {\n    width: 6px;\n    height: 1px;\n  }\n\n  .proto-core__pivot::after {\n    width: 1px;\n    height: 6px;\n  }\n\n  .proto-core__pivot span {\n    position: absolute;\n    inset: -13px;\n\n    border: 1px dashed rgba(234, 219, 200, 0.33);\n    border-radius: 50%;\n\n    animation:\n      protoRadar 13s linear infinite;\n  }\n\n  .proto-core__pivot i {\n    position: absolute;\n    inset: -27px;\n\n    border: 1px solid rgba(112, 43, 61, 0.15);\n    border-radius: 50%;\n  }\n\n  .proto-pulse {\n    position: absolute;\n    z-index: 6;\n\n    top: 50%;\n    left: 50%;\n\n    width: 15%;\n    aspect-ratio: 1;\n\n    border: 1px solid rgba(234, 219, 200, 0.413);\n    border-radius: 50%;\n\n    transform: translate(-50%, -50%);\n\n    animation:\n      protoPulseRing 5.5s ease-out infinite;\n  }\n\n  .proto-pulse--02 {\n    animation-delay: -1.8s;\n  }\n\n  .proto-pulse--03 {\n    animation-delay: -3.6s;\n  }\n\n  .proto-particle {\n    position: absolute;\n\n    width: 3px;\n    height: 3px;\n\n    border-radius: 50%;\n\n    background: var(--proto-cyan);\n    box-shadow: 0 0 7px var(--proto-cyan);\n\n    animation:\n      protoParticle 6.4s ease-in-out infinite;\n  }\n\n  .proto-particle--01 {\n    top: 15%;\n    left: 23%;\n    animation-delay: -0.4s;\n  }\n\n  .proto-particle--02 {\n    top: 27%;\n    right: 12%;\n    animation-delay: -1.7s;\n  }\n\n  .proto-particle--03 {\n    right: 17%;\n    bottom: 18%;\n    animation-delay: -3.1s;\n  }\n\n  .proto-particle--04 {\n    bottom: 10%;\n    left: 40%;\n    animation-delay: -1.1s;\n  }\n\n  .proto-particle--05 {\n    top: 53%;\n    left: 5%;\n    animation-delay: -2.4s;\n  }\n\n  .proto-particle--06 {\n    top: 7%;\n    left: 58%;\n\n    background: var(--proto-violet);\n    box-shadow: 0 0 7px var(--proto-violet);\n\n    animation-delay: -3.8s;\n  }\n\n  .proto-particle--07 {\n    right: 3%;\n    bottom: 43%;\n\n    background: var(--proto-blue);\n    box-shadow: 0 0 7px var(--proto-blue);\n\n    animation-delay: -4.7s;\n  }\n\n  .proto-core-marker {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.496);\n\n    font-size: 7px;\n    letter-spacing: 0.13em;\n  }\n\n  .proto-core-marker::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 17px;\n    height: 1px;\n    margin-right: 7px;\n\n    vertical-align: middle;\n\n    background: rgba(234, 219, 200, 0.26);\n  }\n\n  .proto-core-marker--01 {\n    top: 18%;\n    left: 0;\n  }\n\n  .proto-core-marker--02 {\n    top: 34%;\n    right: -5%;\n  }\n\n  .proto-core-marker--03 {\n    bottom: 17%;\n    left: 2%;\n  }\n\n  .proto-core-marker--04 {\n    right: 0;\n    bottom: 25%;\n  }\n\n  .proto-core-caption {\n    position: absolute;\n\n    bottom: 3%;\n    left: 50%;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n\n    white-space: nowrap;\n\n    transform: translateX(-50%);\n  }\n\n  .proto-core-caption span {\n    color: rgba(234, 219, 200, 0.425);\n\n    font-size: 7px;\n    letter-spacing: 0.25em;\n  }\n\n  .proto-core-caption strong {\n    color: var(--proto-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.24em;\n\n    text-shadow:\n      0 0 10px rgba(234, 219, 200, 0.378);\n  }\n\n  .proto-panel--flow {\n    --proto-shift-x: -7px;\n    --proto-shift-y: 5px;\n\n    left: 3.5%;\n    bottom: 10%;\n\n    width: clamp(245px, 22vw, 345px);\n    padding: 14px 16px;\n  }\n\n  .proto-flow-matrix {\n    display: grid;\n    gap: 8px;\n\n    margin-top: 13px;\n  }\n\n  .proto-flow-matrix > div {\n    display: grid;\n    grid-template-columns: 78px 1fr 20px;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .proto-flow-matrix span,\n  .proto-flow-matrix strong {\n    color: rgba(234, 219, 200, 0.519);\n\n    font-size: 7px;\n    font-weight: 500;\n    letter-spacing: 0.08em;\n  }\n\n  .proto-flow-matrix strong {\n    color: var(--proto-cyan);\n    text-align: right;\n  }\n\n  .proto-flow-matrix i {\n    position: relative;\n\n    display: block;\n\n    height: 2px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.106);\n  }\n\n  .proto-flow-matrix i::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0 auto 0 0;\n\n    width: var(--proto-level);\n\n    background: linear-gradient(\n      90deg,\n      var(--proto-violet),\n      var(--proto-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      protoBar 3s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .proto-panel--review {\n    --proto-shift-x: 7px;\n    --proto-shift-y: 5px;\n\n    right: 3.5%;\n    bottom: 10%;\n\n    width: clamp(235px, 21vw, 325px);\n    padding: 14px 16px;\n  }\n\n  .proto-review-map {\n    position: relative;\n\n    height: 94px;\n    margin: 8px 0 6px;\n  }\n\n  .proto-review-map::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 48px;\n    height: 48px;\n\n    border: 1px solid rgba(234, 219, 200, 0.189);\n    border-radius: 50%;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .proto-review-map b {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    color: var(--proto-white);\n\n    font-size: 6px;\n    font-weight: 500;\n    letter-spacing: 0.08em;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .proto-review-node {\n    position: absolute;\n    z-index: 2;\n\n    width: 6px;\n    height: 6px;\n\n    border: 1px solid var(--proto-cyan);\n    border-radius: 50%;\n\n    background: rgba(234, 219, 200, 0.236);\n    box-shadow: 0 0 8px rgba(234, 219, 200, 0.401);\n  }\n\n  .proto-review-node--core {\n    top: calc(50% - 3px);\n    left: calc(50% - 3px);\n  }\n\n  .proto-review-node--01 {\n    top: 46%;\n    left: 4%;\n  }\n\n  .proto-review-node--02 {\n    top: 8%;\n    left: 28%;\n  }\n\n  .proto-review-node--03 {\n    top: 10%;\n    right: 12%;\n  }\n\n  .proto-review-node--04 {\n    right: 8%;\n    bottom: 8%;\n  }\n\n  .proto-review-node--05 {\n    bottom: 5%;\n    left: 22%;\n  }\n\n  .proto-review-link {\n    position: absolute;\n    z-index: 1;\n\n    top: 50%;\n    left: 50%;\n\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      rgba(234, 219, 200, 0.496),\n      rgba(234, 219, 200, 0.035)\n    );\n\n    transform-origin: left center;\n  }\n\n  .proto-review-link--01 {\n    width: 46%;\n    transform: rotate(180deg);\n  }\n\n  .proto-review-link--02 {\n    width: 34%;\n    transform: rotate(-132deg);\n  }\n\n  .proto-review-link--03 {\n    width: 38%;\n    transform: rotate(-37deg);\n  }\n\n  .proto-review-link--04 {\n    width: 41%;\n    transform: rotate(32deg);\n  }\n\n  .proto-review-link--05 {\n    width: 36%;\n    transform: rotate(139deg);\n  }\n\n  .proto-review-label {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.401);\n\n    font-size: 5px;\n    letter-spacing: 0.06em;\n  }\n\n  .proto-review-label--01 {\n    top: 57%;\n    left: 1%;\n  }\n\n  .proto-review-label--02 {\n    top: 1%;\n    left: 21%;\n  }\n\n  .proto-review-label--03 {\n    top: 2%;\n    right: 1%;\n  }\n\n  .proto-timeline {\n    position: absolute;\n    z-index: 7;\n\n    right: 23%;\n    bottom: 4%;\n    left: 23%;\n\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    gap: 25px;\n  }\n\n  .proto-timeline__label {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .proto-timeline__label span {\n    color: rgba(234, 219, 200, 0.354);\n\n    font-size: 7px;\n    letter-spacing: 0.16em;\n  }\n\n  .proto-timeline__label strong {\n    color: rgba(234, 219, 200, 0.791);\n\n    font-size: 8px;\n    font-weight: 500;\n    letter-spacing: 0.16em;\n  }\n\n  .proto-timeline__track {\n    position: relative;\n\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .proto-timeline__track::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 3px;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: rgba(234, 219, 200, 0.142);\n  }\n\n  .proto-timeline__progress {\n    position: absolute;\n    z-index: 1;\n\n    top: 3px;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: var(--proto-cyan);\n    box-shadow: 0 0 7px var(--proto-cyan);\n  }\n\n  .proto-timeline__track span {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 6px;\n    letter-spacing: 0.07em;\n  }\n\n  .proto-timeline__track i {\n    width: 7px;\n    height: 7px;\n\n    border: 1px solid rgba(234, 219, 200, 0.271);\n    border-radius: 50%;\n\n    background: rgba(18, 7, 10, 0.9);\n  }\n\n  .proto-timeline__track .is-active {\n    color: var(--proto-cyan);\n  }\n\n  .proto-timeline__track .is-active i {\n    border-color: var(--proto-cyan);\n\n    background: var(--proto-cyan);\n    box-shadow: 0 0 9px var(--proto-cyan);\n  }\n\n  .proto-timeline__track .is-complete {\n    color: rgba(234, 219, 200, 0.684);\n  }\n\n  .proto-timeline__track .is-complete i {\n    border-color: rgba(234, 219, 200, 0.767);\n\n    background: rgba(234, 219, 200, 0.295);\n  }\n\n  .proto-microtext {\n    position: absolute;\n    z-index: 2;\n\n    color: rgba(234, 219, 200, 0.236);\n\n    font-family: monospace;\n    font-size: 7px;\n    line-height: 1.8;\n    letter-spacing: 0.1em;\n\n    pointer-events: none;\n  }\n\n  .proto-microtext--left {\n    top: 31%;\n    left: 1.7%;\n\n    writing-mode: vertical-rl;\n\n    transform: rotate(180deg);\n  }\n\n  .proto-microtext--right {\n    top: 29%;\n    right: 1.6%;\n\n    text-align: right;\n    writing-mode: vertical-rl;\n  }\n\n  @keyframes protoBlink {\n    0%,\n    100% {\n      opacity: 0.35;\n      transform: scale(0.85);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes protoPanelScan {\n    from {\n      top: -20%;\n    }\n\n    to {\n      top: 120%;\n    }\n  }\n\n  @keyframes protoProgress {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes protoBar {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes protoRadar {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes protoOrbitOne {\n    from {\n      transform:\n        rotateX(68deg)\n        rotateZ(14deg);\n    }\n\n    to {\n      transform:\n        rotateX(68deg)\n        rotateZ(374deg);\n    }\n  }\n\n  @keyframes protoOrbitTwo {\n    from {\n      transform:\n        rotateY(69deg)\n        rotateZ(32deg);\n    }\n\n    to {\n      transform:\n        rotateY(69deg)\n        rotateZ(392deg);\n    }\n  }\n\n  @keyframes protoOrbitThree {\n    from {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(0deg);\n    }\n\n    to {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(360deg);\n    }\n  }\n\n  @keyframes protoCoreScan {\n    0%,\n    100% {\n      top: 12%;\n      opacity: 0.18;\n    }\n\n    50% {\n      top: 85%;\n      opacity: 0.7;\n    }\n  }\n\n  @keyframes protoModelPulse {\n    0%,\n    100% {\n      opacity: 0.64;\n      transform: scale(0.992);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1.008);\n    }\n  }\n\n  @keyframes protoPivotPulse {\n    0%,\n    100% {\n      opacity: 0.64;\n\n      transform:\n        translate3d(-50%, -50%, 105px)\n        rotate(45deg)\n        scale(0.9);\n    }\n\n    50% {\n      opacity: 1;\n\n      transform:\n        translate3d(-50%, -50%, 112px)\n        rotate(45deg)\n        scale(1.06);\n    }\n  }\n\n  @keyframes protoPulseRing {\n    0% {\n      opacity: 0.5;\n\n      transform:\n        translate(-50%, -50%)\n        scale(0.7);\n    }\n\n    100% {\n      opacity: 0;\n\n      transform:\n        translate(-50%, -50%)\n        scale(4.2);\n    }\n  }\n\n  @keyframes protoParticle {\n    0%,\n    100% {\n      opacity: 0.18;\n\n      transform:\n        translate3d(0, 6px, 30px)\n        scale(0.7);\n    }\n\n    50% {\n      opacity: 0.9;\n\n      transform:\n        translate3d(5px, -7px, 84px)\n        scale(1.08);\n    }\n  }\n\n  .proto-hud.is-proto-paused *,\n  .proto-hud.is-proto-paused *::before,\n  .proto-hud.is-proto-paused *::after {\n    animation-play-state: paused !important;\n  }\n\n  @media (max-width: 1100px) {\n    .proto-hud {\n      min-height: 860px;\n    }\n\n    .proto-core-stage {\n      top: 45%;\n\n      width: clamp(320px, 43vw, 480px);\n    }\n\n    .proto-panel--title {\n      top: 45%;\n      left: 3%;\n\n      width: 29vw;\n    }\n\n    .proto-title-main,\n    .proto-title-accent {\n      font-size: clamp(24px, 2.8vw, 39px);\n    }\n\n    .proto-panel--approval {\n      top: 44%;\n      right: 3%;\n\n      width: 31vw;\n    }\n\n    .proto-panel--flow,\n    .proto-panel--review {\n      bottom: 8%;\n\n      width: 27vw;\n    }\n\n    .proto-timeline {\n      right: 29%;\n      left: 29%;\n\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    .proto-timeline__label {\n      display: none;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .proto-hud {\n      position: relative;\n      left: 50%;\n\n      width: 100vw;\n      width: 100dvw;\n      max-width: none;\n      min-height: 1060px;\n\n      margin-left: -50vw;\n      margin-left: -50dvw;\n\n      overflow: hidden;\n\n      perspective: 900px;\n    }\n\n    .proto-topbar {\n      top: 15px;\n      left: 10px;\n      right: 10px;\n\n      gap: 8px;\n\n      font-size: 5.2px;\n      letter-spacing: 0.07em;\n    }\n\n    .proto-topbar__center,\n    .proto-microtext {\n      display: none;\n    }\n\n    .proto-topbar > span:first-child,\n    .proto-online {\n      white-space: nowrap;\n    }\n\n    .proto-panel {\n      padding: 11px;\n\n      text-align: left;\n\n      transform: none !important;\n    }\n\n    .proto-panel::before {\n      display: none;\n    }\n\n    .proto-panel__corners {\n      inset: 5px;\n    }\n\n    .proto-panel__meta,\n    .proto-panel__footer,\n    .proto-progress__label,\n    .proto-data-row,\n    .proto-title-data,\n    .proto-mini-header,\n    .proto-review-footer {\n      gap: 5px;\n\n      font-size: 5.1px;\n      line-height: 1.25;\n      letter-spacing: 0.055em;\n    }\n\n    .proto-panel--title {\n      top: 58px;\n      left: 10px;\n      right: 10px;\n\n      width: auto;\n      height: 145px;\n\n      padding: 14px 16px;\n    }\n\n    .proto-panel__index {\n      margin-bottom: 11px;\n\n      font-size: 6px;\n      letter-spacing: 0.11em;\n    }\n\n    .proto-panel__index strong {\n      font-size: 6px;\n    }\n\n    .proto-kicker {\n      margin-bottom: 4px;\n\n      font-size: 6.3px;\n      letter-spacing: 0.16em;\n    }\n\n    .proto-title-main {\n      font-size: clamp(22px, 7vw, 31px);\n      letter-spacing: 0.045em;\n    }\n\n    .proto-title-accent {\n      margin-top: 5px;\n\n      font-size: clamp(22px, 6.8vw, 30px);\n      letter-spacing: 0.035em;\n    }\n\n    .proto-title-line {\n      margin: 11px 0 7px;\n    }\n\n    .proto-panel--step {\n      top: 218px;\n      left: 10px;\n\n      width: 37%;\n      height: 156px;\n\n      padding: 10px;\n    }\n\n    .proto-step-display {\n      gap: 5px;\n\n      margin: 10px 0 7px;\n    }\n\n    .proto-step-digit {\n      height: 82px;\n    }\n\n    .proto-step-digit > span {\n      font-size: clamp(43px, 13vw, 60px);\n    }\n\n    .proto-step-digit > b {\n      bottom: 5px;\n      left: 5px;\n\n      font-size: 4px;\n      letter-spacing: 0.1em;\n    }\n\n    .proto-step-digit > i {\n      right: 4px;\n    }\n\n    .proto-panel--status {\n      top: 218px;\n      right: 10px;\n\n      width: calc(63% - 30px);\n      min-height: 183px;\n\n      padding: 11px;\n    }\n\n    .proto-status-heading {\n      margin: 13px 0 12px;\n    }\n\n    .proto-status-heading > span {\n      margin-bottom: 5px;\n\n      font-size: 5.4px;\n      letter-spacing: 0.1em;\n    }\n\n    .proto-status-heading strong {\n      font-size: clamp(13px, 4vw, 18px);\n      letter-spacing: 0.03em;\n    }\n\n    .proto-status-heading em {\n      margin-top: 4px;\n\n      font-size: 0.55em;\n      letter-spacing: 0;\n    }\n\n    .proto-progress {\n      margin-bottom: 10px;\n    }\n\n    .proto-core-stage {\n      top: 532px;\n      left: 50%;\n\n      width: min(77vw, 310px);\n\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .proto-core {\n      transform:\n        translate3d(-50%, -50%, 65px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .proto-core-marker {\n      font-size: 4.5px;\n    }\n\n    .proto-core-caption span {\n      font-size: 5px;\n    }\n\n    .proto-core-caption strong {\n      font-size: 6px;\n      letter-spacing: 0.14em;\n    }\n\n    .proto-panel--approval {\n      top: 685px;\n      left: 10px;\n      right: auto;\n\n      width: 61%;\n      min-height: 236px;\n\n      padding: 13px;\n    }\n\n    .proto-approval__header {\n      gap: 7px;\n    }\n\n    .proto-approval__header span {\n      font-size: 5.2px;\n      letter-spacing: 0.07em;\n    }\n\n    .proto-approval__header small {\n      font-size: 4.4px;\n      letter-spacing: 0.03em;\n    }\n\n    .proto-approval__heading {\n      margin: 12px 0 9px;\n    }\n\n    .proto-approval__heading span {\n      font-size: clamp(10px, 3vw, 14px);\n      letter-spacing: 0.03em;\n    }\n\n    .proto-approval__heading strong {\n      margin-top: 4px;\n\n      font-size: clamp(14px, 4.1vw, 18px);\n      letter-spacing: 0.02em;\n    }\n\n    .proto-panel--approval p {\n      margin-bottom: 12px;\n\n      font-size: 8.35px;\n      line-height: 1.46;\n      letter-spacing: 0.008em;\n    }\n\n    .proto-approval__tags {\n      gap: 4px;\n\n      max-width: calc(100% - 29px);\n    }\n\n    .proto-approval__tags span {\n      padding: 4px 5px;\n\n      font-size: 4.3px;\n      letter-spacing: 0.02em;\n    }\n\n    .proto-approval__scanner {\n      right: 8px;\n      bottom: 8px;\n\n      width: 27px;\n      height: 27px;\n    }\n\n    .proto-panel--flow {\n      top: 685px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(39% - 30px);\n      height: 114px;\n\n      padding: 9px;\n    }\n\n    .proto-flow-matrix {\n      gap: 5px;\n      margin-top: 8px;\n    }\n\n    .proto-flow-matrix > div {\n      grid-template-columns: 35px 1fr 12px;\n      gap: 4px;\n    }\n\n    .proto-flow-matrix span,\n    .proto-flow-matrix strong {\n      font-size: 4.1px;\n      letter-spacing: 0.01em;\n    }\n\n    .proto-panel--review {\n      top: 811px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(39% - 30px);\n      height: 110px;\n\n      padding: 9px;\n    }\n\n    .proto-review-map {\n      height: 67px;\n      margin: 6px 0 0;\n    }\n\n    .proto-review-map::before {\n      width: 34px;\n      height: 34px;\n    }\n\n    .proto-review-map b {\n      font-size: 4px;\n      letter-spacing: 0.01em;\n    }\n\n    .proto-review-node {\n      width: 5px;\n      height: 5px;\n    }\n\n    .proto-review-label {\n      font-size: 3.5px;\n      letter-spacing: 0;\n    }\n\n    .proto-review-footer {\n      display: none;\n    }\n\n    .proto-timeline {\n      right: 10px;\n      bottom: 25px;\n      left: 10px;\n\n      display: block;\n    }\n\n    .proto-timeline__label {\n      display: none;\n    }\n\n    .proto-timeline__track span {\n      gap: 7px;\n\n      font-size: 3.7px;\n      letter-spacing: 0.01em;\n    }\n\n    .proto-timeline__track i {\n      width: 6px;\n      height: 6px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .proto-hud {\n      min-height: 1080px;\n    }\n\n    .proto-title-main {\n      font-size: clamp(21px, 6.6vw, 27px);\n    }\n\n    .proto-title-accent {\n      font-size: clamp(21px, 6.5vw, 27px);\n    }\n\n    .proto-panel--step {\n      width: 38%;\n    }\n\n    .proto-panel--status {\n      width: calc(62% - 30px);\n    }\n\n    .proto-step-digit {\n      height: 78px;\n    }\n\n    .proto-step-digit > span {\n      font-size: clamp(40px, 12vw, 53px);\n    }\n\n    .proto-status-heading em {\n      font-size: 0.48em;\n    }\n\n    .proto-data-row strong {\n      font-size: 6px;\n    }\n\n    .proto-core-stage {\n      width: min(78vw, 286px);\n    }\n\n    .proto-panel--approval {\n      width: 63%;\n    }\n\n    .proto-panel--flow,\n    .proto-panel--review {\n      width: calc(37% - 30px);\n    }\n\n    .proto-panel--approval p {\n      font-size: 7.9px;\n    }\n\n    .proto-approval__heading strong {\n      font-size: clamp(12px, 3.6vw, 15px);\n    }\n\n    .proto-timeline__track span {\n      font-size: 3.3px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .proto-hud *,\n    .proto-hud *::before,\n    .proto-hud *::after {\n      animation-duration: 0.001ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.001ms !important;\n    }\n\n    .proto-core-stage {\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .proto-core {\n      transform:\n        translate3d(-50%, -50%, 70px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e6c18de e-con-full development-scene scene-07 e-flex e-con e-child\" data-id=\"6e6c18de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4952d388 hud-scene-host liquid-glass elementor-widget elementor-widget-html\" data-id=\"4952d388\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\n  class=\"ci07-hud\"\n  data-ci07-hud\n  aria-label=\"Custom Interfaces and Client Review\" data-hud-runtime data-hud-x-var=\"--ci07-mx\" data-hud-y-var=\"--ci07-my\" data-hud-panel=\".ci07-panel\" data-hud-paused-class=\"is-ci07-paused\" data-hud-strength=\"0.78\" data-hud-smoothing=\"0.055\" data-hud-threshold=\"0.0004\" data-hud-mobile-fit=\"true\">\n  <div class=\"ci07-topbar\" aria-hidden=\"true\">\n    <span>CUSTOM INTERFACE DESIGN SYSTEM<\/span>\n\n    <div class=\"ci07-topbar__center\">\n      <i><\/i>\n      <span>DESIGN CHANNEL 07<\/span>\n      <i><\/i>\n    <\/div>\n\n    <span class=\"ci07-online\">\n      <b><\/b>\n      REVIEW SESSION ACTIVE\n    <\/span>\n  <\/div>\n\n  <article class=\"ci07-panel ci07-panel--step\">\n    <div class=\"ci07-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"ci07-panel__meta\">\n      <span>PROCESS SEQUENCE<\/span>\n      <span>07 \/ 07<\/span>\n    <\/div>\n\n    <div class=\"ci07-step-display\" aria-label=\"Step 07\">\n      <div class=\"ci07-step-digit\">\n        <span>0<\/span>\n        <i><\/i>\n        <b>BASE<\/b>\n      <\/div>\n\n      <div class=\"ci07-step-digit ci07-step-digit--active\">\n        <span>7<\/span>\n        <i><\/i>\n        <b>LIVE<\/b>\n      <\/div>\n    <\/div>\n\n    <div class=\"ci07-panel__footer\">\n      <span>DESIGN NODE<\/span>\n      <span class=\"ci07-status-dot\">ACTIVE<\/span>\n    <\/div>\n  <\/article>\n\n  <article class=\"ci07-panel ci07-panel--status\">\n    <div class=\"ci07-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"ci07-panel__meta\">\n      <span>DESIGN STATE<\/span>\n      <span>07:48:26<\/span>\n    <\/div>\n\n    <div class=\"ci07-status-heading\">\n      <span>CLIENT REVIEW<\/span>\n\n      <strong>\n        CUSTOM PAGES\n        <em>READY FOR APPROVAL<\/em>\n      <\/strong>\n    <\/div>\n\n    <div class=\"ci07-progress\">\n      <div class=\"ci07-progress__label\">\n        <span>DESIGN COMPLETION<\/span>\n        <span>93.8%<\/span>\n      <\/div>\n\n      <div class=\"ci07-progress__track\">\n        <i><\/i>\n      <\/div>\n    <\/div>\n\n    <div class=\"ci07-data-row\">\n      <span>DESIGNED PAGES<\/span>\n      <strong>09<\/strong>\n    <\/div>\n\n    <div class=\"ci07-data-row\">\n      <span>REVIEW STATUS<\/span>\n      <strong>OPEN<\/strong>\n    <\/div>\n  <\/article>\n\n  <article class=\"ci07-panel ci07-panel--title\">\n    <div class=\"ci07-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"ci07-panel__index\">\n      <span>MODULE<\/span>\n      <strong>INTERFACE.07<\/strong>\n    <\/div>\n\n    <p class=\"ci07-kicker\">CUSTOM INTERFACES<\/p>\n\n    <h2>\n      <span class=\"ci07-title-main\">CLIENT<\/span>\n      <span class=\"ci07-title-accent\">REVIEW<\/span>\n    <\/h2>\n\n    <div class=\"ci07-title-line\" aria-hidden=\"true\">\n      <i><\/i>\n      <b><\/b>\n      <i><\/i>\n    <\/div>\n\n    <div class=\"ci07-title-data\">\n      <span>INPUT \/ BRAND SYSTEM<\/span>\n      <span>MODE \/ PAGE DESIGN<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"ci07-core-stage\" aria-hidden=\"true\">\n    <div class=\"ci07-core-stage__axis ci07-core-stage__axis--x\"><\/div>\n    <div class=\"ci07-core-stage__axis ci07-core-stage__axis--y\"><\/div>\n\n    <span class=\"ci07-core-marker ci07-core-marker--01\">\n      BRAND\n    <\/span>\n\n    <span class=\"ci07-core-marker ci07-core-marker--02\">\n      LAYOUT\n    <\/span>\n\n    <span class=\"ci07-core-marker ci07-core-marker--03\">\n      FEEDBACK\n    <\/span>\n\n    <span class=\"ci07-core-marker ci07-core-marker--04\">\n      APPROVAL\n    <\/span>\n\n    <div class=\"ci07-core\">\n      <div class=\"ci07-core__scan\"><\/div>\n\n      <div class=\"ci07-core__radar\"><\/div>\n\n      <div class=\"ci07-core__orbit ci07-core__orbit--01\"><\/div>\n      <div class=\"ci07-core__orbit ci07-core__orbit--02\"><\/div>\n      <div class=\"ci07-core__orbit ci07-core__orbit--03\"><\/div>\n\n      <div class=\"ci07-core__interfaces\">\n        <svg viewBox=\"0 0 500 500\" role=\"presentation\">\n          <defs>\n            <linearGradient\n              id=\"ci07Gradient\"\n              x1=\"0\"\n              y1=\"0\"\n              x2=\"1\"\n              y2=\"1\"\n            >\n              <stop\n                offset=\"0\"\n                stop-color=\"#eadbc8\"\n                stop-opacity=\".95\"\n              \/>\n\n              <stop\n                offset=\".52\"\n                stop-color=\"#702b3d\"\n                stop-opacity=\".7\"\n              \/>\n\n              <stop\n                offset=\"1\"\n                stop-color=\"#702b3d\"\n                stop-opacity=\".88\"\n              \/>\n            <\/linearGradient>\n          <\/defs>\n\n          <g\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <circle\n              cx=\"250\"\n              cy=\"250\"\n              r=\"215\"\n              stroke-width=\"1\"\n              opacity=\".22\"\n            \/>\n\n            <circle\n              cx=\"250\"\n              cy=\"250\"\n              r=\"176\"\n              stroke-width=\"1\"\n              stroke-dasharray=\"4 9\"\n              opacity=\".2\"\n            \/>\n\n            <ellipse\n              cx=\"250\"\n              cy=\"250\"\n              rx=\"215\"\n              ry=\"72\"\n              stroke-width=\".8\"\n              opacity=\".22\"\n            \/>\n\n            <ellipse\n              cx=\"250\"\n              cy=\"250\"\n              rx=\"84\"\n              ry=\"215\"\n              stroke-width=\".8\"\n              opacity=\".22\"\n            \/>\n\n            <path\n              d=\"\n                M250 35V465\n                M35 250H465\n                M98 98L402 402\n                M402 98L98 402\n              \"\n              stroke-width=\".7\"\n              opacity=\".17\"\n            \/>\n\n            <polygon\n              points=\"\n                144,85\n                355,57\n                369,205\n                158,232\n              \"\n              stroke-width=\"1\"\n              opacity=\".35\"\n            \/>\n\n            <path\n              d=\"\n                M160 108L340 84\n                M164 131L344 107\n                M168 156L329 134\n                M172 180L286 165\n              \"\n              stroke-width=\".7\"\n              opacity=\".28\"\n            \/>\n\n            <polygon\n              points=\"\n                105,154\n                379,117\n                400,313\n                127,349\n              \"\n              stroke-width=\"1.15\"\n              opacity=\".58\"\n            \/>\n\n            <path\n              d=\"\n                M127 183L359 151\n                M131 213L363 181\n                M136 245L327 219\n                M140 278L299 256\n                M145 310L253 295\n              \"\n              stroke-width=\".8\"\n              opacity=\".38\"\n            \/>\n\n            <polygon\n              points=\"\n                151,208\n                358,180\n                377,347\n                170,375\n              \"\n              stroke=\"url(#ci07Gradient)\"\n              stroke-width=\"1.55\"\n              opacity=\".94\"\n            \/>\n\n            <path\n              d=\"\n                M155 235L361 207\n                M180 225L185 224\n                M193 223L198 222\n                M206 221L211 220\n              \"\n              stroke-width=\".9\"\n              opacity=\".72\"\n            \/>\n\n            <polygon\n              points=\"\n                176,252\n                286,237\n                295,307\n                184,322\n              \"\n              stroke-width=\"1\"\n              opacity=\".78\"\n            \/>\n\n            <path\n              d=\"\n                M196 271L269 261\n                M198 282L273 272\n                M201 293L250 286\n              \"\n              stroke-width=\".75\"\n              opacity=\".55\"\n            \/>\n\n            <polygon\n              points=\"\n                308,234\n                345,229\n                351,276\n                314,281\n              \"\n              stroke-width=\".8\"\n              opacity=\".6\"\n            \/>\n\n            <polygon\n              points=\"\n                306,291\n                355,284\n                360,326\n                311,333\n              \"\n              stroke-width=\".8\"\n              opacity=\".55\"\n            \/>\n\n            <polygon\n              points=\"\n                190,337\n                258,328\n                262,352\n                193,361\n              \"\n              stroke-width=\".8\"\n              opacity=\".5\"\n            \/>\n\n            <polygon\n              points=\"\n                271,326\n                296,323\n                300,347\n                274,351\n              \"\n              stroke-width=\".8\"\n              opacity=\".45\"\n            \/>\n\n            <path\n              d=\"\n                M315 246L339 243\n                M316 254L341 251\n                M317 262L334 260\n\n                M316 303L347 299\n                M317 311L349 307\n                M319 319L340 316\n\n                M200 346L249 340\n              \"\n              stroke-width=\".65\"\n              opacity=\".5\"\n            \/>\n\n            <path\n              d=\"\n                M151 208L105 154\n                M358 180L379 117\n                M377 347L400 313\n\n                M144 85L105 154\n                M355 57L379 117\n                M369 205L400 313\n              \"\n              stroke-width=\".8\"\n              stroke-dasharray=\"3 7\"\n              opacity=\".38\"\n            \/>\n\n            <path\n              d=\"\n                M62 286\n                C118 235 166 227 215 252\n                C267 279 292 310 347 279\n                C394 253 420 227 450 255\n              \"\n              stroke=\"url(#ci07Gradient)\"\n              stroke-width=\"1.7\"\n              opacity=\".9\"\n            \/>\n\n            <path\n              d=\"\n                M205 245L219 252L207 260\n                M338 273L352 279L340 287\n                M437 247L451 255L438 263\n              \"\n              stroke=\"url(#ci07Gradient)\"\n              stroke-width=\"1.35\"\n              opacity=\".9\"\n            \/>\n\n            <circle\n              cx=\"62\"\n              cy=\"286\"\n              r=\"17\"\n              stroke-width=\"1\"\n              opacity=\".62\"\n            \/>\n\n            <circle\n              cx=\"216\"\n              cy=\"252\"\n              r=\"13\"\n              stroke-width=\"1\"\n              opacity=\".72\"\n            \/>\n\n            <circle\n              cx=\"349\"\n              cy=\"279\"\n              r=\"15\"\n              stroke-width=\"1\"\n              opacity=\".7\"\n            \/>\n\n            <circle\n              cx=\"450\"\n              cy=\"255\"\n              r=\"17\"\n              stroke-width=\"1\"\n              opacity=\".62\"\n            \/>\n\n            <circle\n              cx=\"127\"\n              cy=\"106\"\n              r=\"31\"\n              stroke-width=\".8\"\n              stroke-dasharray=\"3 6\"\n              opacity=\".34\"\n            \/>\n\n            <path\n              d=\"\n                M109 105\n                L122 118\n                L146 91\n              \"\n              stroke-width=\"1.5\"\n              opacity=\".7\"\n            \/>\n\n            <circle\n              cx=\"401\"\n              cy=\"126\"\n              r=\"31\"\n              stroke-width=\".8\"\n              stroke-dasharray=\"3 6\"\n              opacity=\".34\"\n            \/>\n\n            <path\n              d=\"\n                M383 125\n                L396 138\n                L420 111\n              \"\n              stroke-width=\"1.5\"\n              opacity=\".7\"\n            \/>\n\n            <polygon\n              points=\"\n                250,207\n                293,250\n                250,293\n                207,250\n              \"\n              stroke-width=\"1.25\"\n              opacity=\".72\"\n            \/>\n\n            <polygon\n              points=\"\n                250,221\n                279,250\n                250,279\n                221,250\n              \"\n              stroke-width=\"1\"\n              opacity=\".54\"\n            \/>\n          <\/g>\n\n          <g fill=\"currentColor\">\n            <circle cx=\"62\" cy=\"286\" r=\"3\" \/>\n            <circle cx=\"216\" cy=\"252\" r=\"3\" \/>\n            <circle cx=\"349\" cy=\"279\" r=\"3\" \/>\n            <circle cx=\"450\" cy=\"255\" r=\"3\" \/>\n\n            <circle cx=\"151\" cy=\"208\" r=\"3\" \/>\n            <circle cx=\"358\" cy=\"180\" r=\"3\" \/>\n            <circle cx=\"377\" cy=\"347\" r=\"3\" \/>\n            <circle cx=\"170\" cy=\"375\" r=\"3\" \/>\n\n            <circle cx=\"144\" cy=\"85\" r=\"2.5\" \/>\n            <circle cx=\"355\" cy=\"57\" r=\"2.5\" \/>\n            <circle cx=\"369\" cy=\"205\" r=\"2.5\" \/>\n            <circle cx=\"158\" cy=\"232\" r=\"2.5\" \/>\n          <\/g>\n\n          <g\n            fill=\"currentColor\"\n            font-family=\"Arial, sans-serif\"\n            font-size=\"8\"\n            letter-spacing=\"1\"\n            text-anchor=\"middle\"\n            opacity=\".54\"\n          >\n            <text x=\"62\" y=\"313\">BRIEF<\/text>\n            <text x=\"216\" y=\"278\">DESIGN<\/text>\n            <text x=\"349\" y=\"306\">REVIEW<\/text>\n            <text x=\"450\" y=\"282\">APPROVE<\/text>\n\n            <text x=\"250\" y=\"402\">CUSTOM INTERFACE<\/text>\n            <text x=\"127\" y=\"151\">PAGE A<\/text>\n            <text x=\"401\" y=\"171\">PAGE B<\/text>\n          <\/g>\n        <\/svg>\n      <\/div>\n\n      <div class=\"ci07-core__pivot\">\n        <span><\/span>\n        <i><\/i>\n      <\/div>\n\n      <div class=\"ci07-pulse ci07-pulse--01\"><\/div>\n      <div class=\"ci07-pulse ci07-pulse--02\"><\/div>\n      <div class=\"ci07-pulse ci07-pulse--03\"><\/div>\n\n      <div class=\"ci07-particle ci07-particle--01\"><\/div>\n      <div class=\"ci07-particle ci07-particle--02\"><\/div>\n      <div class=\"ci07-particle ci07-particle--03\"><\/div>\n      <div class=\"ci07-particle ci07-particle--04\"><\/div>\n      <div class=\"ci07-particle ci07-particle--05\"><\/div>\n      <div class=\"ci07-particle ci07-particle--06\"><\/div>\n      <div class=\"ci07-particle ci07-particle--07\"><\/div>\n    <\/div>\n\n    <div class=\"ci07-core-caption\">\n      <span>CUSTOM PAGE MATRIX<\/span>\n      <strong>DESIGN SYSTEM SYNCHRONIZED<\/strong>\n    <\/div>\n  <\/div>\n\n  <article class=\"ci07-panel ci07-panel--approval\">\n    <div class=\"ci07-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"ci07-approval__header\">\n      <span>CUSTOM PAGE DESIGN<\/span>\n      <small>CLIENT APPROVAL LOOP<\/small>\n    <\/div>\n\n    <div class=\"ci07-approval__heading\">\n      <span>DESIGN OF WEBSITE PAGES<\/span>\n      <strong>&amp; THEIR APPROVAL<\/strong>\n    <\/div>\n\n    <p>\n      We design custom website pages tailored to your brand and goals.\n      Each page is presented to you for review, your feedback is\n      carefully applied, and every page is approved before we move\n      forward to development.\n    <\/p>\n\n    <div class=\"ci07-approval__tags\">\n      <span>CUSTOM DESIGN<\/span>\n      <span>BRAND FIT<\/span>\n      <span>CLIENT REVIEW<\/span>\n      <span>FEEDBACK<\/span>\n      <span>APPROVAL<\/span>\n    <\/div>\n\n    <div class=\"ci07-approval__scanner\" aria-hidden=\"true\">\n      <i><\/i>\n    <\/div>\n  <\/article>\n\n  <article class=\"ci07-panel ci07-panel--matrix\">\n    <div class=\"ci07-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"ci07-mini-header\">\n      <span>PAGE DESIGN MATRIX<\/span>\n      <span>05 METRICS<\/span>\n    <\/div>\n\n    <div class=\"ci07-matrix\">\n      <div>\n        <span>BRAND FIT<\/span>\n        <i style=\"--ci07-level: 97%\"><\/i>\n        <strong>97<\/strong>\n      <\/div>\n\n      <div>\n        <span>LAYOUT<\/span>\n        <i style=\"--ci07-level: 94%\"><\/i>\n        <strong>94<\/strong>\n      <\/div>\n\n      <div>\n        <span>VISUALS<\/span>\n        <i style=\"--ci07-level: 91%\"><\/i>\n        <strong>91<\/strong>\n      <\/div>\n\n      <div>\n        <span>USABILITY<\/span>\n        <i style=\"--ci07-level: 88%\"><\/i>\n        <strong>88<\/strong>\n      <\/div>\n\n      <div>\n        <span>APPROVAL<\/span>\n        <i style=\"--ci07-level: 79%\"><\/i>\n        <strong>79<\/strong>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"ci07-panel ci07-panel--network\">\n    <div class=\"ci07-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"ci07-mini-header\">\n      <span>CLIENT REVIEW NETWORK<\/span>\n      <span>LIVE SESSION<\/span>\n    <\/div>\n\n    <div class=\"ci07-network\" aria-hidden=\"true\">\n      <span class=\"ci07-network-node ci07-network-node--core\"><\/span>\n      <span class=\"ci07-network-node ci07-network-node--01\"><\/span>\n      <span class=\"ci07-network-node ci07-network-node--02\"><\/span>\n      <span class=\"ci07-network-node ci07-network-node--03\"><\/span>\n      <span class=\"ci07-network-node ci07-network-node--04\"><\/span>\n      <span class=\"ci07-network-node ci07-network-node--05\"><\/span>\n\n      <i class=\"ci07-network-link ci07-network-link--01\"><\/i>\n      <i class=\"ci07-network-link ci07-network-link--02\"><\/i>\n      <i class=\"ci07-network-link ci07-network-link--03\"><\/i>\n      <i class=\"ci07-network-link ci07-network-link--04\"><\/i>\n      <i class=\"ci07-network-link ci07-network-link--05\"><\/i>\n\n      <b>REVIEW<\/b>\n\n      <small class=\"ci07-network-label ci07-network-label--01\">\n        CLIENT\n      <\/small>\n\n      <small class=\"ci07-network-label ci07-network-label--02\">\n        DESIGN\n      <\/small>\n\n      <small class=\"ci07-network-label ci07-network-label--03\">\n        APPROVAL\n      <\/small>\n    <\/div>\n\n    <div class=\"ci07-network-footer\">\n      <span>COMMENTS 08<\/span>\n      <span>SYNC 99.6%<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"ci07-timeline\">\n    <div class=\"ci07-timeline__label\">\n      <span>PROCESS FLOW<\/span>\n      <strong>DESIGN APPROVAL PROTOCOL<\/strong>\n    <\/div>\n\n    <div class=\"ci07-timeline__track\">\n      <div class=\"ci07-timeline__progress\"><\/div>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        CONTACT\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        DISCOVERY\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        STRUCTURE\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        ASSETS\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        STYLE\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        PROTOTYPE\n      <\/span>\n\n      <span class=\"is-active\">\n        <i><\/i>\n        DESIGN\n      <\/span>\n    <\/div>\n  <\/div>\n\n  <div\n    class=\"ci07-microtext ci07-microtext--left\"\n    aria-hidden=\"true\"\n  >\n    INTERFACE_MODE \/\/ ACTIVE<br>\n    DESIGN_COMPLETION \/\/ 93.8<br>\n    REVIEW_CHANNELS \/\/ 05\n  <\/div>\n\n  <div\n    class=\"ci07-microtext ci07-microtext--right\"\n    aria-hidden=\"true\"\n  >\n    CUSTOM.INTERFACE.07<br>\n    CLIENT DESIGN REVIEW<br>\n    SYSTEM REVISION 30.7\n  <\/div>\n<\/section>\n\n<style>\n  .ci07-hud {\n    --ci07-cyan: #eadbc8;\n    --ci07-cyan-strong: #eadbc8;\n    --ci07-blue: #702b3d;\n    --ci07-violet: #702b3d;\n    --ci07-white: #eadbc8;\n\n    --ci07-line: rgba(234, 219, 200, 0.295);\n    --ci07-line-soft: rgba(234, 219, 200, 0.118);\n\n    --ci07-mx: 0;\n    --ci07-my: 0;\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    min-height: clamp(740px, 88vh, 980px);\n\n    overflow: hidden;\n    isolation: isolate;\n    contain: layout paint style;\n\n    perspective: 1200px;\n\n    color: var(--ci07-white);\n    background: transparent;\n\n    font-family:\n      \"Arial Narrow\",\n      \"Roboto Condensed\",\n      \"Helvetica Neue\",\n      Arial,\n      sans-serif;\n\n    text-transform: uppercase;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .ci07-hud *,\n  .ci07-hud *::before,\n  .ci07-hud *::after {\n    box-sizing: border-box;\n  }\n\n  .ci07-hud * {\n    min-width: 0;\n  }\n\n  .ci07-hud::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 20;\n    inset: 0;\n\n    pointer-events: none;\n\n    background: repeating-linear-gradient(\n      180deg,\n      transparent 0,\n      transparent 5px,\n      rgba(234, 219, 200, 0.02) 6px\n    );\n\n    opacity: 0.44;\n  }\n\n  .ci07-topbar {\n    position: absolute;\n    z-index: 9;\n\n    top: 22px;\n    left: 3%;\n    right: 3%;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n\n    color: rgba(234, 219, 200, 0.59);\n\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: 0.22em;\n\n    white-space: nowrap;\n  }\n\n  .ci07-topbar::after {\n    content: \"\";\n\n    position: absolute;\n    top: calc(100% + 10px);\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      var(--ci07-line),\n      transparent 24%,\n      transparent 76%,\n      var(--ci07-line)\n    );\n  }\n\n  .ci07-topbar__center {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .ci07-topbar__center i {\n    display: block;\n\n    width: 34px;\n    height: 1px;\n\n    background: var(--ci07-line);\n  }\n\n  .ci07-online {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    color: var(--ci07-cyan);\n  }\n\n  .ci07-online b {\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--ci07-cyan);\n    box-shadow: 0 0 10px rgba(234, 219, 200, 0.944);\n\n    animation:\n      ci07Blink 3.2s ease-in-out infinite;\n  }\n\n  .ci07-panel {\n    position: absolute;\n    z-index: 5;\n\n    padding: 18px;\n    overflow: hidden;\n\n    border: 1px solid var(--ci07-line);\n\n    background: linear-gradient(\n      135deg,\n      rgba(18, 7, 10, 0.78),\n      rgba(18, 7, 10, 0.38)\n    );\n\n    box-shadow:\n      inset 0 0 28px rgba(234, 219, 200, 0.029),\n      0 18px 60px rgba(0, 0, 0, 0.16);\n\n    outline: none;\n\n    transform:\n      translate3d(\n        calc(var(--ci07-mx) * var(--ci07-shift-x, 0px)),\n        calc(var(--ci07-my) * var(--ci07-shift-y, 0px)),\n        0\n      );\n\n    transition:\n      border-color 350ms ease,\n      box-shadow 450ms ease,\n      background-color 450ms ease;\n  }\n\n  .ci07-panel::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: 0;\n    left: -90%;\n\n    width: 46%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.077),\n      transparent\n    );\n\n    transform: skewX(-16deg);\n\n    transition:\n      left 750ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .ci07-panel::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: -30%;\n    left: 0;\n    right: 0;\n\n    height: 24px;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.106),\n      transparent\n    );\n\n    opacity: 0;\n  }\n\n  .ci07-panel:hover,\n  .ci07-panel:focus-visible,\n  .ci07-panel.is-touch-active {\n    border-color: rgba(234, 219, 200, 0.684);\n\n    box-shadow:\n      inset 0 0 34px rgba(234, 219, 200, 0.053),\n      0 0 24px rgba(234, 219, 200, 0.071),\n      0 18px 60px rgba(0, 0, 0, 0.2);\n  }\n\n  .ci07-panel:hover::before,\n  .ci07-panel:focus-visible::before,\n  .ci07-panel.is-touch-active::before {\n    left: 145%;\n  }\n\n  .ci07-panel:hover::after,\n  .ci07-panel:focus-visible::after,\n  .ci07-panel.is-touch-active::after {\n    opacity: 1;\n\n    animation:\n      ci07PanelScan 2.3s linear infinite;\n  }\n\n  .ci07-panel > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .ci07-panel__corners {\n    position: absolute;\n    z-index: 2;\n\n    inset: 7px;\n\n    pointer-events: none;\n\n    background:\n      linear-gradient(var(--ci07-cyan), var(--ci07-cyan)) left top \/ 11px 1px no-repeat,\n      linear-gradient(var(--ci07-cyan), var(--ci07-cyan)) left top \/ 1px 11px no-repeat,\n      linear-gradient(var(--ci07-cyan), var(--ci07-cyan)) right top \/ 11px 1px no-repeat,\n      linear-gradient(var(--ci07-cyan), var(--ci07-cyan)) right top \/ 1px 11px no-repeat,\n      linear-gradient(var(--ci07-cyan), var(--ci07-cyan)) left bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--ci07-cyan), var(--ci07-cyan)) left bottom \/ 1px 11px no-repeat,\n      linear-gradient(var(--ci07-cyan), var(--ci07-cyan)) right bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--ci07-cyan), var(--ci07-cyan)) right bottom \/ 1px 11px no-repeat;\n\n    opacity: 0.54;\n  }\n\n  .ci07-panel__meta,\n  .ci07-panel__footer,\n  .ci07-progress__label,\n  .ci07-data-row,\n  .ci07-title-data,\n  .ci07-mini-header,\n  .ci07-network-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n\n    color: rgba(234, 219, 200, 0.507);\n\n    font-size: 7px;\n    font-weight: 600;\n    line-height: 1.3;\n    letter-spacing: 0.15em;\n  }\n\n  .ci07-panel--step {\n    --ci07-shift-x: -6px;\n    --ci07-shift-y: -4px;\n\n    top: 13%;\n    left: 3.5%;\n\n    width: clamp(205px, 17vw, 270px);\n  }\n\n  .ci07-step-display {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 8px;\n\n    margin: 14px 0 10px;\n  }\n\n  .ci07-step-digit {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    height: clamp(82px, 8vw, 118px);\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n\n    background: linear-gradient(\n      145deg,\n      rgba(234, 219, 200, 0.041),\n      rgba(234, 219, 200, 0.006)\n    );\n\n    clip-path: polygon(\n      0 10px,\n      10px 0,\n      100% 0,\n      100% calc(100% - 10px),\n      calc(100% - 10px) 100%,\n      0 100%\n    );\n  }\n\n  .ci07-step-digit::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 8px;\n    left: 8px;\n    right: 8px;\n\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      var(--ci07-cyan),\n      transparent\n    );\n\n    opacity: 0.35;\n  }\n\n  .ci07-step-digit::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 8px;\n    bottom: 8px;\n\n    width: 15px;\n    height: 1px;\n\n    background: var(--ci07-line);\n  }\n\n  .ci07-step-digit > span {\n    color: transparent;\n\n    font-size: clamp(58px, 6.5vw, 94px);\n    font-weight: 300;\n    line-height: 0.8;\n    letter-spacing: -0.08em;\n\n    font-variant-numeric: tabular-nums;\n\n    -webkit-text-stroke:\n      1px rgba(234, 219, 200, 0.59);\n\n    transform: translateY(-2px);\n  }\n\n  .ci07-step-digit > i {\n    position: absolute;\n\n    top: 50%;\n    right: 7px;\n\n    width: 3px;\n    height: 28%;\n\n    background: repeating-linear-gradient(\n      180deg,\n      var(--ci07-cyan) 0 2px,\n      transparent 2px 5px\n    );\n\n    opacity: 0.3;\n\n    transform: translateY(-50%);\n  }\n\n  .ci07-step-digit > b {\n    position: absolute;\n\n    bottom: 7px;\n    left: 8px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 5px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n  }\n\n  .ci07-step-digit--active {\n    border-color: rgba(234, 219, 200, 0.566);\n\n    background: linear-gradient(\n      145deg,\n      rgba(112, 43, 61, 0.09),\n      rgba(234, 219, 200, 0.047)\n    );\n\n    box-shadow:\n      inset 0 0 22px rgba(234, 219, 200, 0.059);\n  }\n\n  .ci07-step-digit--active > span {\n    color: rgba(234, 219, 200, 0.077);\n\n    -webkit-text-stroke-color: var(--ci07-cyan);\n\n    text-shadow:\n      0 0 18px rgba(234, 219, 200, 0.177);\n  }\n\n  .ci07-step-digit--active > b {\n    color: var(--ci07-cyan);\n  }\n\n  .ci07-status-dot {\n    color: var(--ci07-cyan);\n  }\n\n  .ci07-status-dot::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 4px;\n    height: 4px;\n    margin-right: 7px;\n\n    border-radius: 50%;\n\n    background: var(--ci07-cyan);\n    box-shadow: 0 0 8px var(--ci07-cyan);\n  }\n\n  .ci07-panel--status {\n    --ci07-shift-x: 8px;\n    --ci07-shift-y: -5px;\n\n    top: 13%;\n    right: 4%;\n\n    width: clamp(255px, 22vw, 350px);\n  }\n\n  .ci07-status-heading {\n    margin: 24px 0 22px;\n  }\n\n  .ci07-status-heading > span {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--ci07-violet);\n\n    font-size: 9px;\n    letter-spacing: 0.27em;\n  }\n\n  .ci07-status-heading strong {\n    display: block;\n\n    color: var(--ci07-white);\n\n    font-size: clamp(17px, 1.65vw, 26px);\n    font-weight: 300;\n    line-height: 1;\n    letter-spacing: 0.075em;\n  }\n\n  .ci07-status-heading em {\n    display: block;\n\n    margin-top: 5px;\n\n    color: var(--ci07-cyan);\n\n    font-size: 0.66em;\n    font-style: normal;\n    letter-spacing: 0.02em;\n\n    white-space: nowrap;\n  }\n\n  .ci07-progress {\n    margin-bottom: 18px;\n  }\n\n  .ci07-progress__track {\n    height: 3px;\n    margin-top: 9px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.118);\n  }\n\n  .ci07-progress__track i {\n    display: block;\n\n    width: 93.8%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      var(--ci07-violet),\n      var(--ci07-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      ci07Progress 3.2s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .ci07-data-row {\n    padding: 8px 0;\n\n    border-top: 1px solid var(--ci07-line-soft);\n  }\n\n  .ci07-data-row strong {\n    color: var(--ci07-cyan);\n\n    font-size: 8px;\n    font-weight: 500;\n\n    white-space: nowrap;\n  }\n\n  .ci07-panel--title {\n    --ci07-shift-x: -11px;\n    --ci07-shift-y: 8px;\n\n    top: 43%;\n    left: 4%;\n\n    width: clamp(300px, 27vw, 415px);\n    padding: clamp(21px, 2vw, 32px);\n  }\n\n  .ci07-panel__index {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n\n    margin-bottom: 27px;\n\n    color: rgba(234, 219, 200, 0.472);\n\n    font-size: 8px;\n    letter-spacing: 0.2em;\n  }\n\n  .ci07-panel__index strong {\n    color: var(--ci07-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n  }\n\n  .ci07-kicker {\n    margin: 0 0 8px;\n\n    color: var(--ci07-violet);\n\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 0.3em;\n  }\n\n  .ci07-panel--title h2 {\n    width: 100%;\n    margin: 0;\n\n    font-weight: 300;\n    line-height: 0.94;\n  }\n\n  .ci07-title-main,\n  .ci07-title-accent {\n    display: block;\n\n    width: 100%;\n    max-width: 100%;\n\n    white-space: nowrap;\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .ci07-title-main {\n    color: var(--ci07-white);\n\n    font-size: clamp(30px, 3.15vw, 51px);\n    letter-spacing: 0.065em;\n  }\n\n  .ci07-title-accent {\n    margin-top: 9px;\n\n    color: var(--ci07-cyan);\n\n    font-size: clamp(29px, 3vw, 49px);\n    letter-spacing: 0.05em;\n\n    text-shadow:\n      0 0 22px rgba(234, 219, 200, 0.201);\n  }\n\n  .ci07-title-line {\n    display: grid;\n    grid-template-columns: 1fr 5px 0.34fr;\n    align-items: center;\n    gap: 8px;\n\n    margin: 23px 0 14px;\n  }\n\n  .ci07-title-line i {\n    display: block;\n\n    height: 1px;\n\n    background: var(--ci07-line);\n  }\n\n  .ci07-title-line b {\n    width: 5px;\n    height: 5px;\n\n    background: var(--ci07-cyan);\n    box-shadow: 0 0 9px var(--ci07-cyan);\n  }\n\n  .ci07-panel--approval {\n    --ci07-shift-x: 12px;\n    --ci07-shift-y: 8px;\n\n    top: 41%;\n    right: 3%;\n\n    width: clamp(325px, 30vw, 465px);\n    padding: clamp(21px, 2vw, 30px);\n  }\n\n  .ci07-approval__header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 15px;\n  }\n\n  .ci07-approval__header span {\n    color: var(--ci07-cyan);\n\n    font-size: 8px;\n    letter-spacing: 0.19em;\n  }\n\n  .ci07-approval__header small {\n    color: rgba(234, 219, 200, 0.401);\n\n    font-size: 7px;\n    letter-spacing: 0.11em;\n  }\n\n  .ci07-approval__heading {\n    margin: 21px 0 15px;\n  }\n\n  .ci07-approval__heading span,\n  .ci07-approval__heading strong {\n    display: block;\n  }\n\n  .ci07-approval__heading span {\n    color: var(--ci07-white);\n\n    font-size: clamp(15px, 1.35vw, 22px);\n    font-weight: 300;\n    letter-spacing: 0.055em;\n\n    white-space: nowrap;\n  }\n\n  .ci07-approval__heading strong {\n    margin-top: 6px;\n\n    color: var(--ci07-cyan);\n\n    font-size: clamp(20px, 1.85vw, 29px);\n    font-weight: 300;\n    letter-spacing: 0.045em;\n\n    white-space: nowrap;\n  }\n\n  .ci07-panel--approval p {\n    max-width: 38em;\n    margin: 0 0 20px;\n\n    color: rgba(234, 219, 200, 0.909);\n\n    font-size: clamp(11px, 0.94vw, 14px);\n    font-weight: 300;\n    line-height: 1.67;\n    letter-spacing: 0.03em;\n\n    text-transform: none;\n\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .ci07-approval__tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n\n    max-width: calc(100% - 43px);\n  }\n\n  .ci07-approval__tags span {\n    padding: 6px 8px;\n\n    border: 1px solid rgba(234, 219, 200, 0.201);\n\n    background: rgba(234, 219, 200, 0.029);\n\n    color: rgba(234, 219, 200, 0.826);\n\n    font-size: 7px;\n    letter-spacing: 0.08em;\n\n    white-space: nowrap;\n\n    transition:\n      border-color 350ms ease,\n      color 350ms ease,\n      background-color 350ms ease;\n  }\n\n  .ci07-panel--approval:hover .ci07-approval__tags span {\n    border-color: rgba(234, 219, 200, 0.378);\n    background: rgba(234, 219, 200, 0.053);\n    color: rgba(234, 219, 200, 1);\n  }\n\n  .ci07-approval__scanner {\n    position: absolute;\n\n    right: 14px;\n    bottom: 14px;\n\n    width: 42px;\n    height: 42px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n    border-radius: 50%;\n  }\n\n  .ci07-approval__scanner::before,\n  .ci07-approval__scanner::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.26);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .ci07-approval__scanner::before {\n    width: 74%;\n    height: 1px;\n  }\n\n  .ci07-approval__scanner::after {\n    width: 1px;\n    height: 74%;\n  }\n\n  .ci07-approval__scanner i {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 50%;\n    height: 50%;\n\n    background: conic-gradient(\n      from -28deg,\n      rgba(234, 219, 200, 0.224),\n      transparent 42deg\n    );\n\n    transform-origin: 0 0;\n\n    animation:\n      ci07Radar 8s linear infinite;\n  }\n\n  .ci07-core-stage {\n    position: absolute;\n    z-index: 3;\n\n    top: 47%;\n    left: 50%;\n\n    width: clamp(350px, 38vw, 600px);\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 0)\n      rotateX(calc(var(--ci07-my) * -5deg))\n      rotateY(calc(var(--ci07-mx) * 7deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .ci07-core-stage::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 4%;\n\n    border: 1px solid rgba(234, 219, 200, 0.088);\n    border-radius: 50%;\n\n    box-shadow:\n      inset 0 0 80px rgba(234, 219, 200, 0.029),\n      0 0 75px rgba(234, 219, 200, 0.029);\n  }\n\n  .ci07-core-stage__axis {\n    position: absolute;\n    z-index: -1;\n\n    top: 50%;\n    left: 50%;\n  }\n\n  .ci07-core-stage__axis--x {\n    width: 125%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .ci07-core-stage__axis--y {\n    width: 1px;\n    height: 125%;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .ci07-core {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 77%;\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 70px)\n      rotateX(calc(var(--ci07-my) * -4deg))\n      rotateY(calc(var(--ci07-mx) * 5deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .ci07-core__interfaces {\n    position: absolute;\n    inset: 4%;\n\n    color: var(--ci07-cyan);\n\n    border-radius: 50%;\n\n    background: radial-gradient(\n      circle,\n      rgba(234, 219, 200, 0.031),\n      rgba(112, 43, 61, 0.014) 48%,\n      transparent 72%\n    );\n\n    transform: translateZ(42px);\n  }\n\n  .ci07-core__interfaces svg {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: visible;\n\n    filter:\n      drop-shadow(0 0 5px rgba(234, 219, 200, 0.189));\n\n    animation:\n      ci07ModelPulse 7.5s ease-in-out infinite;\n  }\n\n  .ci07-core__orbit {\n    position: absolute;\n    inset: 0;\n\n    border: 1px solid rgba(234, 219, 200, 0.319);\n    border-radius: 50%;\n\n    transform-style: preserve-3d;\n  }\n\n  .ci07-core__orbit::before,\n  .ci07-core__orbit::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--ci07-cyan);\n    box-shadow: 0 0 11px rgba(234, 219, 200, 0.944);\n  }\n\n  .ci07-core__orbit::before {\n    top: -3px;\n    left: 50%;\n  }\n\n  .ci07-core__orbit::after {\n    right: 10%;\n    bottom: 18%;\n\n    width: 3px;\n    height: 3px;\n  }\n\n  .ci07-core__orbit--01 {\n    transform: rotateX(68deg) rotateZ(14deg);\n\n    animation:\n      ci07OrbitOne 23s linear infinite;\n  }\n\n  .ci07-core__orbit--02 {\n    inset: 5%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n\n    transform: rotateY(69deg) rotateZ(32deg);\n\n    animation:\n      ci07OrbitTwo 29s linear infinite reverse;\n  }\n\n  .ci07-core__orbit--03 {\n    inset: 13%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n    border-style: dashed;\n\n    transform: rotateX(56deg) rotateY(44deg);\n\n    animation:\n      ci07OrbitThree 36s linear infinite;\n  }\n\n  .ci07-core__radar {\n    position: absolute;\n    inset: -7%;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.118);\n    border-radius: 50%;\n\n    transform: translateZ(-30px);\n  }\n\n  .ci07-core__radar::before,\n  .ci07-core__radar::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.094);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .ci07-core__radar::before {\n    width: 100%;\n    height: 1px;\n  }\n\n  .ci07-core__radar::after {\n    width: 1px;\n    height: 100%;\n  }\n\n  .ci07-core__scan {\n    position: absolute;\n    z-index: 8;\n\n    top: 12%;\n    left: 10%;\n\n    width: 80%;\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--ci07-cyan),\n      transparent\n    );\n\n    box-shadow:\n      0 0 14px rgba(234, 219, 200, 0.59);\n\n    opacity: 0.58;\n\n    animation:\n      ci07CoreScan 7.4s ease-in-out infinite;\n  }\n\n  .ci07-core__pivot {\n    position: absolute;\n    z-index: 10;\n\n    top: 50%;\n    left: 50%;\n\n    width: 18px;\n    height: 18px;\n\n    border: 1px solid rgba(234, 219, 200, 0.885);\n\n    background: rgba(234, 219, 200, 0.083);\n\n    transform:\n      translate3d(-50%, -50%, 105px)\n      rotate(45deg);\n\n    animation:\n      ci07PivotPulse 4.8s ease-in-out infinite;\n  }\n\n  .ci07-core__pivot::before,\n  .ci07-core__pivot::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: var(--ci07-cyan);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .ci07-core__pivot::before {\n    width: 6px;\n    height: 1px;\n  }\n\n  .ci07-core__pivot::after {\n    width: 1px;\n    height: 6px;\n  }\n\n  .ci07-core__pivot span {\n    position: absolute;\n    inset: -13px;\n\n    border: 1px dashed rgba(234, 219, 200, 0.33);\n    border-radius: 50%;\n\n    animation:\n      ci07Radar 13s linear infinite;\n  }\n\n  .ci07-core__pivot i {\n    position: absolute;\n    inset: -27px;\n\n    border: 1px solid rgba(112, 43, 61, 0.15);\n    border-radius: 50%;\n  }\n\n  .ci07-pulse {\n    position: absolute;\n    z-index: 6;\n\n    top: 50%;\n    left: 50%;\n\n    width: 15%;\n    aspect-ratio: 1;\n\n    border: 1px solid rgba(234, 219, 200, 0.413);\n    border-radius: 50%;\n\n    transform: translate(-50%, -50%);\n\n    animation:\n      ci07PulseRing 5.5s ease-out infinite;\n  }\n\n  .ci07-pulse--02 {\n    animation-delay: -1.8s;\n  }\n\n  .ci07-pulse--03 {\n    animation-delay: -3.6s;\n  }\n\n  .ci07-particle {\n    position: absolute;\n\n    width: 3px;\n    height: 3px;\n\n    border-radius: 50%;\n\n    background: var(--ci07-cyan);\n    box-shadow: 0 0 7px var(--ci07-cyan);\n\n    animation:\n      ci07Particle 6.4s ease-in-out infinite;\n  }\n\n  .ci07-particle--01 {\n    top: 15%;\n    left: 23%;\n    animation-delay: -0.4s;\n  }\n\n  .ci07-particle--02 {\n    top: 27%;\n    right: 12%;\n    animation-delay: -1.7s;\n  }\n\n  .ci07-particle--03 {\n    right: 17%;\n    bottom: 18%;\n    animation-delay: -3.1s;\n  }\n\n  .ci07-particle--04 {\n    bottom: 10%;\n    left: 40%;\n    animation-delay: -1.1s;\n  }\n\n  .ci07-particle--05 {\n    top: 53%;\n    left: 5%;\n    animation-delay: -2.4s;\n  }\n\n  .ci07-particle--06 {\n    top: 7%;\n    left: 58%;\n\n    background: var(--ci07-violet);\n    box-shadow: 0 0 7px var(--ci07-violet);\n\n    animation-delay: -3.8s;\n  }\n\n  .ci07-particle--07 {\n    right: 3%;\n    bottom: 43%;\n\n    background: var(--ci07-blue);\n    box-shadow: 0 0 7px var(--ci07-blue);\n\n    animation-delay: -4.7s;\n  }\n\n  .ci07-core-marker {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.496);\n\n    font-size: 7px;\n    letter-spacing: 0.13em;\n  }\n\n  .ci07-core-marker::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 17px;\n    height: 1px;\n    margin-right: 7px;\n\n    vertical-align: middle;\n\n    background: rgba(234, 219, 200, 0.26);\n  }\n\n  .ci07-core-marker--01 {\n    top: 18%;\n    left: 0;\n  }\n\n  .ci07-core-marker--02 {\n    top: 34%;\n    right: -4%;\n  }\n\n  .ci07-core-marker--03 {\n    bottom: 17%;\n    left: 2%;\n  }\n\n  .ci07-core-marker--04 {\n    right: 0;\n    bottom: 25%;\n  }\n\n  .ci07-core-caption {\n    position: absolute;\n\n    bottom: 3%;\n    left: 50%;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n\n    white-space: nowrap;\n\n    transform: translateX(-50%);\n  }\n\n  .ci07-core-caption span {\n    color: rgba(234, 219, 200, 0.425);\n\n    font-size: 7px;\n    letter-spacing: 0.25em;\n  }\n\n  .ci07-core-caption strong {\n    color: var(--ci07-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.22em;\n\n    text-shadow:\n      0 0 10px rgba(234, 219, 200, 0.378);\n  }\n\n  .ci07-panel--matrix {\n    --ci07-shift-x: -7px;\n    --ci07-shift-y: 5px;\n\n    left: 3.5%;\n    bottom: 10%;\n\n    width: clamp(245px, 22vw, 345px);\n    padding: 14px 16px;\n  }\n\n  .ci07-matrix {\n    display: grid;\n    gap: 8px;\n\n    margin-top: 13px;\n  }\n\n  .ci07-matrix > div {\n    display: grid;\n    grid-template-columns: 78px 1fr 20px;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .ci07-matrix span,\n  .ci07-matrix strong {\n    color: rgba(234, 219, 200, 0.519);\n\n    font-size: 7px;\n    font-weight: 500;\n    letter-spacing: 0.08em;\n  }\n\n  .ci07-matrix strong {\n    color: var(--ci07-cyan);\n    text-align: right;\n  }\n\n  .ci07-matrix i {\n    position: relative;\n\n    display: block;\n\n    height: 2px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.106);\n  }\n\n  .ci07-matrix i::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0 auto 0 0;\n\n    width: var(--ci07-level);\n\n    background: linear-gradient(\n      90deg,\n      var(--ci07-violet),\n      var(--ci07-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      ci07Bar 3s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .ci07-panel--network {\n    --ci07-shift-x: 7px;\n    --ci07-shift-y: 5px;\n\n    right: 3.5%;\n    bottom: 10%;\n\n    width: clamp(235px, 21vw, 325px);\n    padding: 14px 16px;\n  }\n\n  .ci07-network {\n    position: relative;\n\n    height: 94px;\n    margin: 8px 0 6px;\n  }\n\n  .ci07-network::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 48px;\n    height: 48px;\n\n    border: 1px solid rgba(234, 219, 200, 0.189);\n    border-radius: 50%;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .ci07-network b {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    color: var(--ci07-white);\n\n    font-size: 6px;\n    font-weight: 500;\n    letter-spacing: 0.08em;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .ci07-network-node {\n    position: absolute;\n    z-index: 2;\n\n    width: 6px;\n    height: 6px;\n\n    border: 1px solid var(--ci07-cyan);\n    border-radius: 50%;\n\n    background: rgba(234, 219, 200, 0.236);\n    box-shadow: 0 0 8px rgba(234, 219, 200, 0.401);\n  }\n\n  .ci07-network-node--core {\n    top: calc(50% - 3px);\n    left: calc(50% - 3px);\n  }\n\n  .ci07-network-node--01 {\n    top: 46%;\n    left: 4%;\n  }\n\n  .ci07-network-node--02 {\n    top: 8%;\n    left: 28%;\n  }\n\n  .ci07-network-node--03 {\n    top: 10%;\n    right: 12%;\n  }\n\n  .ci07-network-node--04 {\n    right: 8%;\n    bottom: 8%;\n  }\n\n  .ci07-network-node--05 {\n    bottom: 5%;\n    left: 22%;\n  }\n\n  .ci07-network-link {\n    position: absolute;\n    z-index: 1;\n\n    top: 50%;\n    left: 50%;\n\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      rgba(234, 219, 200, 0.496),\n      rgba(234, 219, 200, 0.035)\n    );\n\n    transform-origin: left center;\n  }\n\n  .ci07-network-link--01 {\n    width: 46%;\n    transform: rotate(180deg);\n  }\n\n  .ci07-network-link--02 {\n    width: 34%;\n    transform: rotate(-132deg);\n  }\n\n  .ci07-network-link--03 {\n    width: 38%;\n    transform: rotate(-37deg);\n  }\n\n  .ci07-network-link--04 {\n    width: 41%;\n    transform: rotate(32deg);\n  }\n\n  .ci07-network-link--05 {\n    width: 36%;\n    transform: rotate(139deg);\n  }\n\n  .ci07-network-label {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.401);\n\n    font-size: 5px;\n    letter-spacing: 0.06em;\n  }\n\n  .ci07-network-label--01 {\n    top: 57%;\n    left: 1%;\n  }\n\n  .ci07-network-label--02 {\n    top: 1%;\n    left: 21%;\n  }\n\n  .ci07-network-label--03 {\n    top: 2%;\n    right: 1%;\n  }\n\n  .ci07-timeline {\n    position: absolute;\n    z-index: 7;\n\n    right: 23%;\n    bottom: 4%;\n    left: 23%;\n\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    gap: 24px;\n  }\n\n  .ci07-timeline__label {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .ci07-timeline__label span {\n    color: rgba(234, 219, 200, 0.354);\n\n    font-size: 7px;\n    letter-spacing: 0.15em;\n  }\n\n  .ci07-timeline__label strong {\n    color: rgba(234, 219, 200, 0.791);\n\n    font-size: 8px;\n    font-weight: 500;\n    letter-spacing: 0.15em;\n  }\n\n  .ci07-timeline__track {\n    position: relative;\n\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .ci07-timeline__track::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 3px;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: rgba(234, 219, 200, 0.142);\n  }\n\n  .ci07-timeline__progress {\n    position: absolute;\n    z-index: 1;\n\n    top: 3px;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: var(--ci07-cyan);\n    box-shadow: 0 0 7px var(--ci07-cyan);\n  }\n\n  .ci07-timeline__track span {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 5.5px;\n    letter-spacing: 0.05em;\n  }\n\n  .ci07-timeline__track i {\n    width: 7px;\n    height: 7px;\n\n    border: 1px solid rgba(234, 219, 200, 0.271);\n    border-radius: 50%;\n\n    background: rgba(18, 7, 10, 0.9);\n  }\n\n  .ci07-timeline__track .is-active {\n    color: var(--ci07-cyan);\n  }\n\n  .ci07-timeline__track .is-active i {\n    border-color: var(--ci07-cyan);\n\n    background: var(--ci07-cyan);\n    box-shadow: 0 0 9px var(--ci07-cyan);\n  }\n\n  .ci07-timeline__track .is-complete {\n    color: rgba(234, 219, 200, 0.684);\n  }\n\n  .ci07-timeline__track .is-complete i {\n    border-color: rgba(234, 219, 200, 0.767);\n\n    background: rgba(234, 219, 200, 0.295);\n  }\n\n  .ci07-microtext {\n    position: absolute;\n    z-index: 2;\n\n    color: rgba(234, 219, 200, 0.236);\n\n    font-family: monospace;\n    font-size: 7px;\n    line-height: 1.8;\n    letter-spacing: 0.1em;\n\n    pointer-events: none;\n  }\n\n  .ci07-microtext--left {\n    top: 31%;\n    left: 1.7%;\n\n    writing-mode: vertical-rl;\n\n    transform: rotate(180deg);\n  }\n\n  .ci07-microtext--right {\n    top: 29%;\n    right: 1.6%;\n\n    text-align: right;\n    writing-mode: vertical-rl;\n  }\n\n  @keyframes ci07Blink {\n    0%,\n    100% {\n      opacity: 0.35;\n      transform: scale(0.85);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes ci07PanelScan {\n    from {\n      top: -20%;\n    }\n\n    to {\n      top: 120%;\n    }\n  }\n\n  @keyframes ci07Progress {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes ci07Bar {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes ci07Radar {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes ci07OrbitOne {\n    from {\n      transform:\n        rotateX(68deg)\n        rotateZ(14deg);\n    }\n\n    to {\n      transform:\n        rotateX(68deg)\n        rotateZ(374deg);\n    }\n  }\n\n  @keyframes ci07OrbitTwo {\n    from {\n      transform:\n        rotateY(69deg)\n        rotateZ(32deg);\n    }\n\n    to {\n      transform:\n        rotateY(69deg)\n        rotateZ(392deg);\n    }\n  }\n\n  @keyframes ci07OrbitThree {\n    from {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(0deg);\n    }\n\n    to {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(360deg);\n    }\n  }\n\n  @keyframes ci07CoreScan {\n    0%,\n    100% {\n      top: 12%;\n      opacity: 0.18;\n    }\n\n    50% {\n      top: 85%;\n      opacity: 0.7;\n    }\n  }\n\n  @keyframes ci07ModelPulse {\n    0%,\n    100% {\n      opacity: 0.64;\n      transform: scale(0.992);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1.008);\n    }\n  }\n\n  @keyframes ci07PivotPulse {\n    0%,\n    100% {\n      opacity: 0.64;\n\n      transform:\n        translate3d(-50%, -50%, 105px)\n        rotate(45deg)\n        scale(0.9);\n    }\n\n    50% {\n      opacity: 1;\n\n      transform:\n        translate3d(-50%, -50%, 112px)\n        rotate(45deg)\n        scale(1.06);\n    }\n  }\n\n  @keyframes ci07PulseRing {\n    0% {\n      opacity: 0.5;\n\n      transform:\n        translate(-50%, -50%)\n        scale(0.7);\n    }\n\n    100% {\n      opacity: 0;\n\n      transform:\n        translate(-50%, -50%)\n        scale(4.2);\n    }\n  }\n\n  @keyframes ci07Particle {\n    0%,\n    100% {\n      opacity: 0.18;\n\n      transform:\n        translate3d(0, 6px, 30px)\n        scale(0.7);\n    }\n\n    50% {\n      opacity: 0.9;\n\n      transform:\n        translate3d(5px, -7px, 84px)\n        scale(1.08);\n    }\n  }\n\n  .ci07-hud.is-ci07-paused *,\n  .ci07-hud.is-ci07-paused *::before,\n  .ci07-hud.is-ci07-paused *::after {\n    animation-play-state: paused !important;\n  }\n\n  @media (max-width: 1100px) {\n    .ci07-hud {\n      min-height: 870px;\n    }\n\n    .ci07-core-stage {\n      top: 45%;\n\n      width: clamp(320px, 43vw, 485px);\n    }\n\n    .ci07-panel--title {\n      top: 45%;\n      left: 3%;\n\n      width: 29vw;\n    }\n\n    .ci07-title-main,\n    .ci07-title-accent {\n      font-size: clamp(24px, 2.8vw, 39px);\n    }\n\n    .ci07-panel--approval {\n      top: 44%;\n      right: 3%;\n\n      width: 31vw;\n    }\n\n    .ci07-panel--matrix,\n    .ci07-panel--network {\n      bottom: 8%;\n\n      width: 27vw;\n    }\n\n    .ci07-timeline {\n      right: 29%;\n      left: 29%;\n\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    .ci07-timeline__label {\n      display: none;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .ci07-hud {\n      position: relative;\n      left: 50%;\n\n      width: 100vw;\n      width: 100dvw;\n      max-width: none;\n      min-height: 1080px;\n\n      margin-left: -50vw;\n      margin-left: -50dvw;\n\n      overflow: hidden;\n\n      perspective: 900px;\n    }\n\n    .ci07-topbar {\n      top: 15px;\n      left: 10px;\n      right: 10px;\n\n      gap: 8px;\n\n      font-size: 5.1px;\n      letter-spacing: 0.065em;\n    }\n\n    .ci07-topbar__center,\n    .ci07-microtext {\n      display: none;\n    }\n\n    .ci07-topbar > span:first-child,\n    .ci07-online {\n      white-space: nowrap;\n    }\n\n    .ci07-panel {\n      padding: 11px;\n\n      text-align: left;\n\n      transform: none !important;\n    }\n\n    .ci07-panel::before {\n      display: none;\n    }\n\n    .ci07-panel__corners {\n      inset: 5px;\n    }\n\n    .ci07-panel__meta,\n    .ci07-panel__footer,\n    .ci07-progress__label,\n    .ci07-data-row,\n    .ci07-title-data,\n    .ci07-mini-header,\n    .ci07-network-footer {\n      gap: 5px;\n\n      font-size: 5px;\n      line-height: 1.25;\n      letter-spacing: 0.05em;\n    }\n\n    .ci07-panel--title {\n      top: 58px;\n      left: 10px;\n      right: 10px;\n\n      width: auto;\n      height: 145px;\n\n      padding: 14px 16px;\n    }\n\n    .ci07-panel__index {\n      margin-bottom: 11px;\n\n      font-size: 6px;\n      letter-spacing: 0.11em;\n    }\n\n    .ci07-panel__index strong {\n      font-size: 6px;\n    }\n\n    .ci07-kicker {\n      margin-bottom: 4px;\n\n      font-size: 6.3px;\n      letter-spacing: 0.16em;\n    }\n\n    .ci07-title-main {\n      font-size: clamp(22px, 7vw, 31px);\n      letter-spacing: 0.045em;\n    }\n\n    .ci07-title-accent {\n      margin-top: 5px;\n\n      font-size: clamp(22px, 6.8vw, 30px);\n      letter-spacing: 0.035em;\n    }\n\n    .ci07-title-line {\n      margin: 11px 0 7px;\n    }\n\n    .ci07-panel--step {\n      top: 218px;\n      left: 10px;\n\n      width: 37%;\n      height: 156px;\n\n      padding: 10px;\n    }\n\n    .ci07-step-display {\n      gap: 5px;\n\n      margin: 10px 0 7px;\n    }\n\n    .ci07-step-digit {\n      height: 82px;\n    }\n\n    .ci07-step-digit > span {\n      font-size: clamp(43px, 13vw, 60px);\n    }\n\n    .ci07-step-digit > b {\n      bottom: 5px;\n      left: 5px;\n\n      font-size: 4px;\n      letter-spacing: 0.1em;\n    }\n\n    .ci07-step-digit > i {\n      right: 4px;\n    }\n\n    .ci07-panel--status {\n      top: 218px;\n      right: 10px;\n\n      width: calc(63% - 30px);\n      min-height: 183px;\n\n      padding: 11px;\n    }\n\n    .ci07-status-heading {\n      margin: 13px 0 12px;\n    }\n\n    .ci07-status-heading > span {\n      margin-bottom: 5px;\n\n      font-size: 5.3px;\n      letter-spacing: 0.09em;\n    }\n\n    .ci07-status-heading strong {\n      font-size: clamp(13px, 4vw, 18px);\n      letter-spacing: 0.025em;\n    }\n\n    .ci07-status-heading em {\n      margin-top: 4px;\n\n      font-size: 0.5em;\n      letter-spacing: 0;\n    }\n\n    .ci07-progress {\n      margin-bottom: 10px;\n    }\n\n    .ci07-core-stage {\n      top: 537px;\n      left: 50%;\n\n      width: min(78vw, 315px);\n\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .ci07-core {\n      transform:\n        translate3d(-50%, -50%, 65px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .ci07-core-marker {\n      font-size: 4.4px;\n    }\n\n    .ci07-core-caption span {\n      font-size: 5px;\n    }\n\n    .ci07-core-caption strong {\n      font-size: 5.8px;\n      letter-spacing: 0.12em;\n    }\n\n    .ci07-panel--approval {\n      top: 695px;\n      left: 10px;\n      right: auto;\n\n      width: 62%;\n      min-height: 246px;\n\n      padding: 13px;\n    }\n\n    .ci07-approval__header {\n      gap: 7px;\n    }\n\n    .ci07-approval__header span {\n      font-size: 5.1px;\n      letter-spacing: 0.06em;\n    }\n\n    .ci07-approval__header small {\n      font-size: 4.3px;\n      letter-spacing: 0.025em;\n    }\n\n    .ci07-approval__heading {\n      margin: 12px 0 9px;\n    }\n\n    .ci07-approval__heading span {\n      font-size: clamp(9px, 2.65vw, 12px);\n      letter-spacing: 0.018em;\n    }\n\n    .ci07-approval__heading strong {\n      margin-top: 4px;\n\n      font-size: clamp(14px, 4vw, 18px);\n      letter-spacing: 0.015em;\n    }\n\n    .ci07-panel--approval p {\n      margin-bottom: 12px;\n\n      font-size: 8.15px;\n      line-height: 1.44;\n      letter-spacing: 0.006em;\n    }\n\n    .ci07-approval__tags {\n      gap: 4px;\n\n      max-width: calc(100% - 29px);\n    }\n\n    .ci07-approval__tags span {\n      padding: 4px 5px;\n\n      font-size: 4.2px;\n      letter-spacing: 0.015em;\n    }\n\n    .ci07-approval__scanner {\n      right: 8px;\n      bottom: 8px;\n\n      width: 27px;\n      height: 27px;\n    }\n\n    .ci07-panel--matrix {\n      top: 695px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(38% - 30px);\n      height: 116px;\n\n      padding: 9px;\n    }\n\n    .ci07-matrix {\n      gap: 5px;\n\n      margin-top: 8px;\n    }\n\n    .ci07-matrix > div {\n      grid-template-columns: 34px 1fr 12px;\n      gap: 4px;\n    }\n\n    .ci07-matrix span,\n    .ci07-matrix strong {\n      font-size: 4px;\n      letter-spacing: 0;\n    }\n\n    .ci07-panel--network {\n      top: 823px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(38% - 30px);\n      height: 118px;\n\n      padding: 9px;\n    }\n\n    .ci07-network {\n      height: 70px;\n\n      margin: 6px 0 0;\n    }\n\n    .ci07-network::before {\n      width: 34px;\n      height: 34px;\n    }\n\n    .ci07-network b {\n      font-size: 3.9px;\n      letter-spacing: 0;\n    }\n\n    .ci07-network-node {\n      width: 5px;\n      height: 5px;\n    }\n\n    .ci07-network-label {\n      font-size: 3.4px;\n      letter-spacing: 0;\n    }\n\n    .ci07-network-footer {\n      display: none;\n    }\n\n    .ci07-timeline {\n      right: 9px;\n      bottom: 25px;\n      left: 9px;\n\n      display: block;\n    }\n\n    .ci07-timeline__label {\n      display: none;\n    }\n\n    .ci07-timeline__track span {\n      gap: 7px;\n\n      font-size: 3.2px;\n      letter-spacing: 0;\n    }\n\n    .ci07-timeline__track i {\n      width: 6px;\n      height: 6px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .ci07-hud {\n      min-height: 1100px;\n    }\n\n    .ci07-title-main {\n      font-size: clamp(21px, 6.6vw, 27px);\n    }\n\n    .ci07-title-accent {\n      font-size: clamp(21px, 6.5vw, 27px);\n    }\n\n    .ci07-panel--step {\n      width: 38%;\n    }\n\n    .ci07-panel--status {\n      width: calc(62% - 30px);\n    }\n\n    .ci07-step-digit {\n      height: 78px;\n    }\n\n    .ci07-step-digit > span {\n      font-size: clamp(40px, 12vw, 53px);\n    }\n\n    .ci07-status-heading em {\n      font-size: 0.44em;\n    }\n\n    .ci07-data-row strong {\n      font-size: 6px;\n    }\n\n    .ci07-core-stage {\n      width: min(79vw, 290px);\n    }\n\n    .ci07-panel--approval {\n      width: 64%;\n    }\n\n    .ci07-panel--matrix,\n    .ci07-panel--network {\n      width: calc(36% - 30px);\n    }\n\n    .ci07-panel--approval p {\n      font-size: 7.75px;\n    }\n\n    .ci07-approval__heading span {\n      font-size: 8px;\n    }\n\n    .ci07-approval__heading strong {\n      font-size: clamp(12px, 3.55vw, 15px);\n    }\n\n    .ci07-timeline__track span {\n      font-size: 2.9px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ci07-hud *,\n    .ci07-hud *::before,\n    .ci07-hud *::after {\n      animation-duration: 0.001ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.001ms !important;\n    }\n\n    .ci07-core-stage {\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .ci07-core {\n      transform:\n        translate3d(-50%, -50%, 70px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69799f0e e-con-full development-scene scene-08 e-flex e-con e-child\" data-id=\"69799f0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c3f1339 hud-scene-host liquid-glass elementor-widget elementor-widget-html\" data-id=\"4c3f1339\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\n  class=\"rq08-hud\"\n  data-rq08-hud\n  aria-label=\"Responsive Build and System Quality Assurance\" data-hud-runtime data-hud-x-var=\"--rq08-mx\" data-hud-y-var=\"--rq08-my\" data-hud-panel=\".rq08-panel\" data-hud-paused-class=\"is-rq08-paused\" data-hud-strength=\"0.78\" data-hud-smoothing=\"0.055\" data-hud-threshold=\"0.0004\" data-hud-mobile-fit=\"true\">\n  <div class=\"rq08-topbar\" aria-hidden=\"true\">\n    <span>RESPONSIVE BUILD CONTROL SYSTEM<\/span>\n\n    <div class=\"rq08-topbar__center\">\n      <i><\/i>\n      <span>QUALITY CHANNEL 08<\/span>\n      <i><\/i>\n    <\/div>\n\n    <span class=\"rq08-online\">\n      <b><\/b>\n      SYSTEM QA ACTIVE\n    <\/span>\n  <\/div>\n\n  <article class=\"rq08-panel rq08-panel--step\">\n    <div class=\"rq08-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"rq08-panel__meta\">\n      <span>PROCESS SEQUENCE<\/span>\n      <span>08 \/ 08<\/span>\n    <\/div>\n\n    <div class=\"rq08-step-display\" aria-label=\"Step 08\">\n      <div class=\"rq08-step-digit\">\n        <span>0<\/span>\n        <i><\/i>\n        <b>BASE<\/b>\n      <\/div>\n\n      <div class=\"rq08-step-digit rq08-step-digit--active\">\n        <span>8<\/span>\n        <i><\/i>\n        <b>LIVE<\/b>\n      <\/div>\n    <\/div>\n\n    <div class=\"rq08-panel__footer\">\n      <span>FINAL QA NODE<\/span>\n      <span class=\"rq08-status-dot\">ACTIVE<\/span>\n    <\/div>\n  <\/article>\n\n  <article class=\"rq08-panel rq08-panel--status\">\n    <div class=\"rq08-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"rq08-panel__meta\">\n      <span>BUILD STATE<\/span>\n      <span>08:56:42<\/span>\n    <\/div>\n\n    <div class=\"rq08-status-heading\">\n      <span>SYSTEM QA<\/span>\n\n      <strong>\n        RESPONSIVE BUILD\n        <em>READY FOR APPROVAL<\/em>\n      <\/strong>\n    <\/div>\n\n    <div class=\"rq08-progress\">\n      <div class=\"rq08-progress__label\">\n        <span>FINALIZATION STATUS<\/span>\n        <span>97.4%<\/span>\n      <\/div>\n\n      <div class=\"rq08-progress__track\">\n        <i><\/i>\n      <\/div>\n    <\/div>\n\n    <div class=\"rq08-data-row\">\n      <span>TESTED VIEWPORTS<\/span>\n      <strong>18<\/strong>\n    <\/div>\n\n    <div class=\"rq08-data-row\">\n      <span>CRITICAL ISSUES<\/span>\n      <strong>00<\/strong>\n    <\/div>\n  <\/article>\n\n  <article class=\"rq08-panel rq08-panel--title\">\n    <div class=\"rq08-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"rq08-panel__index\">\n      <span>MODULE<\/span>\n      <strong>FINALIZATION.08<\/strong>\n    <\/div>\n\n    <p class=\"rq08-kicker\">RESPONSIVE BUILD<\/p>\n\n    <h2>\n      <span class=\"rq08-title-main\">SYSTEM<\/span>\n      <span class=\"rq08-title-accent\">QA<\/span>\n    <\/h2>\n\n    <div class=\"rq08-title-line\" aria-hidden=\"true\">\n      <i><\/i>\n      <b><\/b>\n      <i><\/i>\n    <\/div>\n\n    <div class=\"rq08-title-data\">\n      <span>INPUT \/ COMPLETE WEBSITE<\/span>\n      <span>MODE \/ MULTI-DEVICE QA<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"rq08-core-stage\" aria-hidden=\"true\">\n    <div class=\"rq08-core-stage__axis rq08-core-stage__axis--x\"><\/div>\n    <div class=\"rq08-core-stage__axis rq08-core-stage__axis--y\"><\/div>\n\n    <span class=\"rq08-core-marker rq08-core-marker--01\">\n      DESKTOP\n    <\/span>\n\n    <span class=\"rq08-core-marker rq08-core-marker--02\">\n      TABLET\n    <\/span>\n\n    <span class=\"rq08-core-marker rq08-core-marker--03\">\n      MOBILE\n    <\/span>\n\n    <span class=\"rq08-core-marker rq08-core-marker--04\">\n      QUALITY\n    <\/span>\n\n    <div class=\"rq08-core\">\n      <div class=\"rq08-core__scan\"><\/div>\n\n      <div class=\"rq08-core__radar\"><\/div>\n\n      <div class=\"rq08-core__orbit rq08-core__orbit--01\"><\/div>\n      <div class=\"rq08-core__orbit rq08-core__orbit--02\"><\/div>\n      <div class=\"rq08-core__orbit rq08-core__orbit--03\"><\/div>\n\n      <div class=\"rq08-core__devices\">\n        <svg viewBox=\"0 0 520 520\" role=\"presentation\">\n          <defs>\n            <linearGradient\n              id=\"rq08Gradient\"\n              x1=\"0\"\n              y1=\"0\"\n              x2=\"1\"\n              y2=\"1\"\n            >\n              <stop\n                offset=\"0\"\n                stop-color=\"#eadbc8\"\n                stop-opacity=\".96\"\n              \/>\n\n              <stop\n                offset=\".52\"\n                stop-color=\"#702b3d\"\n                stop-opacity=\".72\"\n              \/>\n\n              <stop\n                offset=\"1\"\n                stop-color=\"#702b3d\"\n                stop-opacity=\".88\"\n              \/>\n            <\/linearGradient>\n          <\/defs>\n\n          <g\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <circle\n              cx=\"260\"\n              cy=\"260\"\n              r=\"224\"\n              stroke-width=\"1\"\n              opacity=\".22\"\n            \/>\n\n            <circle\n              cx=\"260\"\n              cy=\"260\"\n              r=\"184\"\n              stroke-width=\"1\"\n              stroke-dasharray=\"4 9\"\n              opacity=\".2\"\n            \/>\n\n            <circle\n              cx=\"260\"\n              cy=\"260\"\n              r=\"138\"\n              stroke-width=\".8\"\n              opacity=\".16\"\n            \/>\n\n            <ellipse\n              cx=\"260\"\n              cy=\"260\"\n              rx=\"224\"\n              ry=\"76\"\n              stroke-width=\".8\"\n              opacity=\".22\"\n            \/>\n\n            <ellipse\n              cx=\"260\"\n              cy=\"260\"\n              rx=\"88\"\n              ry=\"224\"\n              stroke-width=\".8\"\n              opacity=\".22\"\n            \/>\n\n            <path\n              d=\"\n                M260 35V485\n                M35 260H485\n                M101 101L419 419\n                M419 101L101 419\n              \"\n              stroke-width=\".7\"\n              opacity=\".17\"\n            \/>\n\n            <polygon\n              points=\"\n                107,123\n                393,83\n                416,299\n                130,338\n              \"\n              stroke=\"url(#rq08Gradient)\"\n              stroke-width=\"1.55\"\n              opacity=\".92\"\n            \/>\n\n            <path\n              d=\"\n                M116 153L397 114\n                M145 140L150 139\n                M159 138L164 137\n                M173 136L178 135\n              \"\n              stroke-width=\".9\"\n              opacity=\".72\"\n            \/>\n\n            <polygon\n              points=\"\n                142,176\n                291,155\n                302,241\n                153,261\n              \"\n              stroke-width=\"1\"\n              opacity=\".72\"\n            \/>\n\n            <polygon\n              points=\"\n                316,152\n                382,143\n                389,202\n                323,211\n              \"\n              stroke-width=\".9\"\n              opacity=\".58\"\n            \/>\n\n            <polygon\n              points=\"\n                318,225\n                391,215\n                398,275\n                325,285\n              \"\n              stroke-width=\".9\"\n              opacity=\".54\"\n            \/>\n\n            <polygon\n              points=\"\n                157,280\n                239,269\n                244,308\n                162,319\n              \"\n              stroke-width=\".8\"\n              opacity=\".48\"\n            \/>\n\n            <polygon\n              points=\"\n                258,266\n                302,260\n                307,299\n                263,305\n              \"\n              stroke-width=\".8\"\n              opacity=\".44\"\n            \/>\n\n            <path\n              d=\"\n                M169 196L274 181\n                M171 208L278 193\n                M173 220L246 210\n\n                M330 168L372 162\n                M331 179L374 173\n                M332 190L361 186\n\n                M334 241L380 235\n                M335 253L383 247\n                M337 265L369 261\n              \"\n              stroke-width=\".7\"\n              opacity=\".48\"\n            \/>\n\n            <path\n              d=\"\n                M242 323L246 358\n                M302 315L306 350\n                M214 367L337 350\n              \"\n              stroke-width=\"1\"\n              opacity=\".62\"\n            \/>\n\n            <polygon\n              points=\"\n                85,236\n                203,219\n                217,365\n                99,381\n              \"\n              stroke-width=\"1.2\"\n              opacity=\".75\"\n            \/>\n\n            <polygon\n              points=\"\n                100,256\n                188,244\n                195,309\n                107,321\n              \"\n              stroke-width=\".9\"\n              opacity=\".58\"\n            \/>\n\n            <polygon\n              points=\"\n                110,336\n                190,325\n                193,347\n                113,358\n              \"\n              stroke-width=\".8\"\n              opacity=\".46\"\n            \/>\n\n            <circle\n              cx=\"156\"\n              cy=\"366\"\n              r=\"4\"\n              stroke-width=\".8\"\n              opacity=\".58\"\n            \/>\n\n            <polygon\n              points=\"\n                347,246\n                420,236\n                433,371\n                360,381\n              \"\n              stroke-width=\"1.2\"\n              opacity=\".78\"\n            \/>\n\n            <polygon\n              points=\"\n                357,265\n                411,258\n                417,318\n                363,326\n              \"\n              stroke-width=\".9\"\n              opacity=\".6\"\n            \/>\n\n            <polygon\n              points=\"\n                365,337\n                418,330\n                421,350\n                368,357\n              \"\n              stroke-width=\".8\"\n              opacity=\".46\"\n            \/>\n\n            <circle\n              cx=\"397\"\n              cy=\"365\"\n              r=\"3.5\"\n              stroke-width=\".8\"\n              opacity=\".58\"\n            \/>\n\n            <path\n              d=\"\n                M203 274\n                C239 235 286 226 347 270\n\n                M216 330\n                C263 355 311 352 359 327\n              \"\n              stroke=\"url(#rq08Gradient)\"\n              stroke-width=\"1.5\"\n              stroke-dasharray=\"5 7\"\n              opacity=\".72\"\n            \/>\n\n            <path\n              d=\"\n                M74 172H113\n                M67 183H106\n                M407 172H451\n                M414 183H458\n              \"\n              stroke-width=\".8\"\n              opacity=\".45\"\n            \/>\n\n            <path\n              d=\"\n                M76 164L66 177L76 190\n                M449 164L459 177L449 190\n              \"\n              stroke-width=\"1\"\n              opacity=\".6\"\n            \/>\n\n            <path\n              d=\"\n                M62 412\n                C127 385 170 400 218 422\n                C269 445 320 430 365 404\n                C405 381 443 380 470 406\n              \"\n              stroke=\"url(#rq08Gradient)\"\n              stroke-width=\"1.7\"\n              opacity=\".9\"\n            \/>\n\n            <path\n              d=\"\n                M207 415L222 422L209 430\n                M354 398L369 404L357 413\n                M457 398L471 406L458 414\n              \"\n              stroke=\"url(#rq08Gradient)\"\n              stroke-width=\"1.35\"\n              opacity=\".9\"\n            \/>\n\n            <circle\n              cx=\"62\"\n              cy=\"412\"\n              r=\"17\"\n              stroke-width=\"1\"\n              opacity=\".62\"\n            \/>\n\n            <circle\n              cx=\"220\"\n              cy=\"422\"\n              r=\"13\"\n              stroke-width=\"1\"\n              opacity=\".72\"\n            \/>\n\n            <circle\n              cx=\"367\"\n              cy=\"404\"\n              r=\"15\"\n              stroke-width=\"1\"\n              opacity=\".7\"\n            \/>\n\n            <circle\n              cx=\"470\"\n              cy=\"406\"\n              r=\"17\"\n              stroke-width=\"1\"\n              opacity=\".62\"\n            \/>\n\n            <circle\n              cx=\"94\"\n              cy=\"100\"\n              r=\"31\"\n              stroke-width=\".8\"\n              stroke-dasharray=\"3 6\"\n              opacity=\".34\"\n            \/>\n\n            <path\n              d=\"\n                M76 100\n                L89 113\n                L113 86\n              \"\n              stroke-width=\"1.5\"\n              opacity=\".72\"\n            \/>\n\n            <circle\n              cx=\"432\"\n              cy=\"109\"\n              r=\"31\"\n              stroke-width=\".8\"\n              stroke-dasharray=\"3 6\"\n              opacity=\".34\"\n            \/>\n\n            <path\n              d=\"\n                M414 109\n                L427 122\n                L451 95\n              \"\n              stroke-width=\"1.5\"\n              opacity=\".72\"\n            \/>\n\n            <polygon\n              points=\"\n                260,214\n                306,260\n                260,306\n                214,260\n              \"\n              stroke-width=\"1.3\"\n              opacity=\".72\"\n            \/>\n\n            <polygon\n              points=\"\n                260,230\n                290,260\n                260,290\n                230,260\n              \"\n              stroke-width=\"1\"\n              opacity=\".56\"\n            \/>\n\n            <path\n              d=\"\n                M260 214V306\n                M214 260H306\n              \"\n              stroke-width=\".8\"\n              opacity=\".42\"\n            \/>\n          <\/g>\n\n          <g fill=\"currentColor\">\n            <circle cx=\"62\" cy=\"412\" r=\"3\" \/>\n            <circle cx=\"220\" cy=\"422\" r=\"3\" \/>\n            <circle cx=\"367\" cy=\"404\" r=\"3\" \/>\n            <circle cx=\"470\" cy=\"406\" r=\"3\" \/>\n\n            <circle cx=\"107\" cy=\"123\" r=\"3\" \/>\n            <circle cx=\"393\" cy=\"83\" r=\"3\" \/>\n            <circle cx=\"416\" cy=\"299\" r=\"3\" \/>\n            <circle cx=\"130\" cy=\"338\" r=\"3\" \/>\n\n            <circle cx=\"85\" cy=\"236\" r=\"2.5\" \/>\n            <circle cx=\"203\" cy=\"219\" r=\"2.5\" \/>\n            <circle cx=\"217\" cy=\"365\" r=\"2.5\" \/>\n            <circle cx=\"99\" cy=\"381\" r=\"2.5\" \/>\n\n            <circle cx=\"347\" cy=\"246\" r=\"2.5\" \/>\n            <circle cx=\"420\" cy=\"236\" r=\"2.5\" \/>\n            <circle cx=\"433\" cy=\"371\" r=\"2.5\" \/>\n            <circle cx=\"360\" cy=\"381\" r=\"2.5\" \/>\n          <\/g>\n\n          <g\n            fill=\"currentColor\"\n            font-family=\"Arial, sans-serif\"\n            font-size=\"8\"\n            letter-spacing=\"1\"\n            text-anchor=\"middle\"\n            opacity=\".54\"\n          >\n            <text x=\"62\" y=\"440\">BUILD<\/text>\n            <text x=\"220\" y=\"449\">TEST<\/text>\n            <text x=\"367\" y=\"431\">REFINE<\/text>\n            <text x=\"470\" y=\"434\">APPROVE<\/text>\n\n            <text x=\"261\" y=\"394\">RESPONSIVE SYSTEM<\/text>\n            <text x=\"94\" y=\"145\">VISUAL QA<\/text>\n            <text x=\"432\" y=\"154\">SYSTEM QA<\/text>\n          <\/g>\n        <\/svg>\n      <\/div>\n\n      <div class=\"rq08-core__pivot\">\n        <span><\/span>\n        <i><\/i>\n      <\/div>\n\n      <div class=\"rq08-pulse rq08-pulse--01\"><\/div>\n      <div class=\"rq08-pulse rq08-pulse--02\"><\/div>\n      <div class=\"rq08-pulse rq08-pulse--03\"><\/div>\n\n      <div class=\"rq08-particle rq08-particle--01\"><\/div>\n      <div class=\"rq08-particle rq08-particle--02\"><\/div>\n      <div class=\"rq08-particle rq08-particle--03\"><\/div>\n      <div class=\"rq08-particle rq08-particle--04\"><\/div>\n      <div class=\"rq08-particle rq08-particle--05\"><\/div>\n      <div class=\"rq08-particle rq08-particle--06\"><\/div>\n      <div class=\"rq08-particle rq08-particle--07\"><\/div>\n    <\/div>\n\n    <div class=\"rq08-core-caption\">\n      <span>MULTI-DEVICE BUILD MATRIX<\/span>\n      <strong>QUALITY SYSTEM SYNCHRONIZED<\/strong>\n    <\/div>\n  <\/div>\n\n  <article class=\"rq08-panel rq08-panel--finalization\">\n    <div class=\"rq08-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"rq08-finalization__header\">\n      <span>WEBSITE FINALIZATION<\/span>\n      <small>QUALITY CONTROL LOOP<\/small>\n    <\/div>\n\n    <div class=\"rq08-finalization__heading\">\n      <span>FINALIZATION OF<\/span>\n      <strong>THE ENTIRE WEBSITE<\/strong>\n    <\/div>\n\n    <p>\n      At this stage, the contractor completes all website pages and\n      applies the agreed changes. The design is adapted for desktop\n      computers, tablets, and mobile devices. Visual consistency,\n      readability, navigation, buttons, forms, and other interface\n      elements are checked before final approval.\n    <\/p>\n\n    <div class=\"rq08-finalization__tags\">\n      <span>DESKTOP<\/span>\n      <span>TABLET<\/span>\n      <span>MOBILE<\/span>\n      <span>NAVIGATION<\/span>\n      <span>FORMS<\/span>\n      <span>FINAL QA<\/span>\n    <\/div>\n\n    <div class=\"rq08-finalization__scanner\" aria-hidden=\"true\">\n      <i><\/i>\n    <\/div>\n  <\/article>\n\n  <article class=\"rq08-panel rq08-panel--matrix\">\n    <div class=\"rq08-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"rq08-mini-header\">\n      <span>RESPONSIVE MATRIX<\/span>\n      <span>06 CHECKS<\/span>\n    <\/div>\n\n    <div class=\"rq08-matrix\">\n      <div>\n        <span>DESKTOP<\/span>\n        <i style=\"--rq08-level: 100%\"><\/i>\n        <strong>100<\/strong>\n      <\/div>\n\n      <div>\n        <span>TABLET<\/span>\n        <i style=\"--rq08-level: 98%\"><\/i>\n        <strong>98<\/strong>\n      <\/div>\n\n      <div>\n        <span>MOBILE<\/span>\n        <i style=\"--rq08-level: 97%\"><\/i>\n        <strong>97<\/strong>\n      <\/div>\n\n      <div>\n        <span>READABILITY<\/span>\n        <i style=\"--rq08-level: 96%\"><\/i>\n        <strong>96<\/strong>\n      <\/div>\n\n      <div>\n        <span>NAVIGATION<\/span>\n        <i style=\"--rq08-level: 99%\"><\/i>\n        <strong>99<\/strong>\n      <\/div>\n\n      <div>\n        <span>FORMS<\/span>\n        <i style=\"--rq08-level: 95%\"><\/i>\n        <strong>95<\/strong>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"rq08-panel rq08-panel--network\">\n    <div class=\"rq08-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"rq08-mini-header\">\n      <span>SYSTEM QA NETWORK<\/span>\n      <span>LIVE SCAN<\/span>\n    <\/div>\n\n    <div class=\"rq08-network\" aria-hidden=\"true\">\n      <span class=\"rq08-network-node rq08-network-node--core\"><\/span>\n      <span class=\"rq08-network-node rq08-network-node--01\"><\/span>\n      <span class=\"rq08-network-node rq08-network-node--02\"><\/span>\n      <span class=\"rq08-network-node rq08-network-node--03\"><\/span>\n      <span class=\"rq08-network-node rq08-network-node--04\"><\/span>\n      <span class=\"rq08-network-node rq08-network-node--05\"><\/span>\n      <span class=\"rq08-network-node rq08-network-node--06\"><\/span>\n\n      <i class=\"rq08-network-link rq08-network-link--01\"><\/i>\n      <i class=\"rq08-network-link rq08-network-link--02\"><\/i>\n      <i class=\"rq08-network-link rq08-network-link--03\"><\/i>\n      <i class=\"rq08-network-link rq08-network-link--04\"><\/i>\n      <i class=\"rq08-network-link rq08-network-link--05\"><\/i>\n      <i class=\"rq08-network-link rq08-network-link--06\"><\/i>\n\n      <b>QA CORE<\/b>\n\n      <small class=\"rq08-network-label rq08-network-label--01\">\n        UI\n      <\/small>\n\n      <small class=\"rq08-network-label rq08-network-label--02\">\n        FLOW\n      <\/small>\n\n      <small class=\"rq08-network-label rq08-network-label--03\">\n        FORMS\n      <\/small>\n    <\/div>\n\n    <div class=\"rq08-network-footer\">\n      <span>CHECKS PASSED 42<\/span>\n      <span>SYNC 99.8%<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"rq08-timeline\">\n    <div class=\"rq08-timeline__label\">\n      <span>PROCESS FLOW<\/span>\n      <strong>FINAL QUALITY PROTOCOL<\/strong>\n    <\/div>\n\n    <div class=\"rq08-timeline__track\">\n      <div class=\"rq08-timeline__progress\"><\/div>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        CONTACT\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        DISCOVERY\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        STRUCTURE\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        ASSETS\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        STYLE\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        PROTOTYPE\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        DESIGN\n      <\/span>\n\n      <span class=\"is-active\">\n        <i><\/i>\n        QA\n      <\/span>\n    <\/div>\n  <\/div>\n\n  <div\n    class=\"rq08-microtext rq08-microtext--left\"\n    aria-hidden=\"true\"\n  >\n    RESPONSIVE_MODE \/\/ ACTIVE<br>\n    BUILD_COMPLETION \/\/ 97.4<br>\n    TESTED_VIEWPORTS \/\/ 18\n  <\/div>\n\n  <div\n    class=\"rq08-microtext rq08-microtext--right\"\n    aria-hidden=\"true\"\n  >\n    SYSTEM.QUALITY.08<br>\n    MULTI-DEVICE VALIDATION<br>\n    SYSTEM REVISION 31.8\n  <\/div>\n<\/section>\n\n<style>\n  .rq08-hud {\n    --rq08-cyan: #eadbc8;\n    --rq08-cyan-strong: #eadbc8;\n    --rq08-blue: #702b3d;\n    --rq08-violet: #702b3d;\n    --rq08-white: #eadbc8;\n\n    --rq08-line: rgba(234, 219, 200, 0.295);\n    --rq08-line-soft: rgba(234, 219, 200, 0.118);\n\n    --rq08-mx: 0;\n    --rq08-my: 0;\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    min-height: clamp(750px, 89vh, 990px);\n\n    overflow: hidden;\n    isolation: isolate;\n    contain: layout paint style;\n\n    perspective: 1200px;\n\n    color: var(--rq08-white);\n    background: transparent;\n\n    font-family:\n      \"Arial Narrow\",\n      \"Roboto Condensed\",\n      \"Helvetica Neue\",\n      Arial,\n      sans-serif;\n\n    text-transform: uppercase;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: geometricPrecision;\n  }\n\n  .rq08-hud *,\n  .rq08-hud *::before,\n  .rq08-hud *::after {\n    box-sizing: border-box;\n  }\n\n  .rq08-hud * {\n    min-width: 0;\n  }\n\n  .rq08-hud::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 20;\n    inset: 0;\n\n    pointer-events: none;\n\n    background: repeating-linear-gradient(\n      180deg,\n      transparent 0,\n      transparent 5px,\n      rgba(234, 219, 200, 0.02) 6px\n    );\n\n    opacity: 0.44;\n  }\n\n  .rq08-topbar {\n    position: absolute;\n    z-index: 9;\n\n    top: 22px;\n    left: 3%;\n    right: 3%;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n\n    color: rgba(234, 219, 200, 0.59);\n\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: 0.22em;\n\n    white-space: nowrap;\n  }\n\n  .rq08-topbar::after {\n    content: \"\";\n\n    position: absolute;\n    top: calc(100% + 10px);\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      var(--rq08-line),\n      transparent 24%,\n      transparent 76%,\n      var(--rq08-line)\n    );\n  }\n\n  .rq08-topbar__center {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .rq08-topbar__center i {\n    display: block;\n\n    width: 34px;\n    height: 1px;\n\n    background: var(--rq08-line);\n  }\n\n  .rq08-online {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    color: var(--rq08-cyan);\n  }\n\n  .rq08-online b {\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--rq08-cyan);\n    box-shadow: 0 0 10px rgba(234, 219, 200, 0.944);\n\n    animation:\n      rq08Blink 3.2s ease-in-out infinite;\n  }\n\n  .rq08-panel {\n    position: absolute;\n    z-index: 5;\n\n    padding: 18px;\n    overflow: hidden;\n\n    border: 1px solid var(--rq08-line);\n\n    background: linear-gradient(\n      135deg,\n      rgba(18, 7, 10, 0.78),\n      rgba(18, 7, 10, 0.38)\n    );\n\n    box-shadow:\n      inset 0 0 28px rgba(234, 219, 200, 0.029),\n      0 18px 60px rgba(0, 0, 0, 0.16);\n\n    outline: none;\n\n    transform:\n      translate3d(\n        calc(var(--rq08-mx) * var(--rq08-shift-x, 0px)),\n        calc(var(--rq08-my) * var(--rq08-shift-y, 0px)),\n        0\n      );\n\n    transition:\n      border-color 350ms ease,\n      box-shadow 450ms ease,\n      background-color 450ms ease;\n  }\n\n  .rq08-panel::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: 0;\n    left: -90%;\n\n    width: 46%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.077),\n      transparent\n    );\n\n    transform: skewX(-16deg);\n\n    transition:\n      left 750ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .rq08-panel::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: -30%;\n    left: 0;\n    right: 0;\n\n    height: 24px;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.106),\n      transparent\n    );\n\n    opacity: 0;\n  }\n\n  .rq08-panel:hover,\n  .rq08-panel:focus-visible,\n  .rq08-panel.is-touch-active {\n    border-color: rgba(234, 219, 200, 0.684);\n\n    box-shadow:\n      inset 0 0 34px rgba(234, 219, 200, 0.053),\n      0 0 24px rgba(234, 219, 200, 0.071),\n      0 18px 60px rgba(0, 0, 0, 0.2);\n  }\n\n  .rq08-panel:hover::before,\n  .rq08-panel:focus-visible::before,\n  .rq08-panel.is-touch-active::before {\n    left: 145%;\n  }\n\n  .rq08-panel:hover::after,\n  .rq08-panel:focus-visible::after,\n  .rq08-panel.is-touch-active::after {\n    opacity: 1;\n\n    animation:\n      rq08PanelScan 2.3s linear infinite;\n  }\n\n  .rq08-panel > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .rq08-panel__corners {\n    position: absolute;\n    z-index: 2;\n\n    inset: 7px;\n\n    pointer-events: none;\n\n    background:\n      linear-gradient(var(--rq08-cyan), var(--rq08-cyan)) left top \/ 11px 1px no-repeat,\n      linear-gradient(var(--rq08-cyan), var(--rq08-cyan)) left top \/ 1px 11px no-repeat,\n      linear-gradient(var(--rq08-cyan), var(--rq08-cyan)) right top \/ 11px 1px no-repeat,\n      linear-gradient(var(--rq08-cyan), var(--rq08-cyan)) right top \/ 1px 11px no-repeat,\n      linear-gradient(var(--rq08-cyan), var(--rq08-cyan)) left bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--rq08-cyan), var(--rq08-cyan)) left bottom \/ 1px 11px no-repeat,\n      linear-gradient(var(--rq08-cyan), var(--rq08-cyan)) right bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--rq08-cyan), var(--rq08-cyan)) right bottom \/ 1px 11px no-repeat;\n\n    opacity: 0.54;\n  }\n\n  .rq08-panel__meta,\n  .rq08-panel__footer,\n  .rq08-progress__label,\n  .rq08-data-row,\n  .rq08-title-data,\n  .rq08-mini-header,\n  .rq08-network-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n\n    color: rgba(234, 219, 200, 0.507);\n\n    font-size: 7px;\n    font-weight: 600;\n    line-height: 1.3;\n    letter-spacing: 0.15em;\n  }\n\n  .rq08-panel--step {\n    --rq08-shift-x: -6px;\n    --rq08-shift-y: -4px;\n\n    top: 13%;\n    left: 3.5%;\n\n    width: clamp(205px, 17vw, 270px);\n  }\n\n  .rq08-step-display {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 8px;\n\n    margin: 14px 0 10px;\n  }\n\n  .rq08-step-digit {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    height: clamp(82px, 8vw, 118px);\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n\n    background: linear-gradient(\n      145deg,\n      rgba(234, 219, 200, 0.041),\n      rgba(234, 219, 200, 0.006)\n    );\n\n    clip-path: polygon(\n      0 10px,\n      10px 0,\n      100% 0,\n      100% calc(100% - 10px),\n      calc(100% - 10px) 100%,\n      0 100%\n    );\n  }\n\n  .rq08-step-digit::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 8px;\n    left: 8px;\n    right: 8px;\n\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      var(--rq08-cyan),\n      transparent\n    );\n\n    opacity: 0.35;\n  }\n\n  .rq08-step-digit::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 8px;\n    bottom: 8px;\n\n    width: 15px;\n    height: 1px;\n\n    background: var(--rq08-line);\n  }\n\n  .rq08-step-digit > span {\n    color: transparent;\n\n    font-size: clamp(58px, 6.5vw, 94px);\n    font-weight: 300;\n    line-height: 0.8;\n    letter-spacing: -0.08em;\n\n    font-variant-numeric: tabular-nums;\n\n    -webkit-text-stroke:\n      1px rgba(234, 219, 200, 0.59);\n\n    transform: translateY(-2px);\n  }\n\n  .rq08-step-digit > i {\n    position: absolute;\n\n    top: 50%;\n    right: 7px;\n\n    width: 3px;\n    height: 28%;\n\n    background: repeating-linear-gradient(\n      180deg,\n      var(--rq08-cyan) 0 2px,\n      transparent 2px 5px\n    );\n\n    opacity: 0.3;\n\n    transform: translateY(-50%);\n  }\n\n  .rq08-step-digit > b {\n    position: absolute;\n\n    bottom: 7px;\n    left: 8px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 5px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n  }\n\n  .rq08-step-digit--active {\n    border-color: rgba(234, 219, 200, 0.566);\n\n    background: linear-gradient(\n      145deg,\n      rgba(112, 43, 61, 0.09),\n      rgba(234, 219, 200, 0.047)\n    );\n\n    box-shadow:\n      inset 0 0 22px rgba(234, 219, 200, 0.059);\n  }\n\n  .rq08-step-digit--active > span {\n    color: rgba(234, 219, 200, 0.077);\n\n    -webkit-text-stroke-color: var(--rq08-cyan);\n\n    text-shadow:\n      0 0 18px rgba(234, 219, 200, 0.177);\n  }\n\n  .rq08-step-digit--active > b {\n    color: var(--rq08-cyan);\n  }\n\n  .rq08-status-dot {\n    color: var(--rq08-cyan);\n  }\n\n  .rq08-status-dot::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 4px;\n    height: 4px;\n    margin-right: 7px;\n\n    border-radius: 50%;\n\n    background: var(--rq08-cyan);\n    box-shadow: 0 0 8px var(--rq08-cyan);\n  }\n\n  .rq08-panel--status {\n    --rq08-shift-x: 8px;\n    --rq08-shift-y: -5px;\n\n    top: 13%;\n    right: 4%;\n\n    width: clamp(255px, 22vw, 350px);\n  }\n\n  .rq08-status-heading {\n    margin: 24px 0 22px;\n  }\n\n  .rq08-status-heading > span {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--rq08-violet);\n\n    font-size: 9px;\n    letter-spacing: 0.27em;\n  }\n\n  .rq08-status-heading strong {\n    display: block;\n\n    color: var(--rq08-white);\n\n    font-size: clamp(16px, 1.55vw, 25px);\n    font-weight: 300;\n    line-height: 1;\n    letter-spacing: 0.065em;\n  }\n\n  .rq08-status-heading em {\n    display: block;\n\n    margin-top: 5px;\n\n    color: var(--rq08-cyan);\n\n    font-size: 0.66em;\n    font-style: normal;\n    letter-spacing: 0.02em;\n\n    white-space: nowrap;\n  }\n\n  .rq08-progress {\n    margin-bottom: 18px;\n  }\n\n  .rq08-progress__track {\n    height: 3px;\n    margin-top: 9px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.118);\n  }\n\n  .rq08-progress__track i {\n    display: block;\n\n    width: 97.4%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      var(--rq08-violet),\n      var(--rq08-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      rq08Progress 3.2s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .rq08-data-row {\n    padding: 8px 0;\n\n    border-top: 1px solid var(--rq08-line-soft);\n  }\n\n  .rq08-data-row strong {\n    color: var(--rq08-cyan);\n\n    font-size: 8px;\n    font-weight: 500;\n\n    white-space: nowrap;\n  }\n\n  .rq08-panel--title {\n    --rq08-shift-x: -11px;\n    --rq08-shift-y: 8px;\n\n    top: 43%;\n    left: 4%;\n\n    width: clamp(300px, 27vw, 415px);\n    padding: clamp(21px, 2vw, 32px);\n  }\n\n  .rq08-panel__index {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n\n    margin-bottom: 27px;\n\n    color: rgba(234, 219, 200, 0.472);\n\n    font-size: 8px;\n    letter-spacing: 0.2em;\n  }\n\n  .rq08-panel__index strong {\n    color: var(--rq08-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n  }\n\n  .rq08-kicker {\n    margin: 0 0 8px;\n\n    color: var(--rq08-violet);\n\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 0.3em;\n  }\n\n  .rq08-panel--title h2 {\n    width: 100%;\n    margin: 0;\n\n    font-weight: 300;\n    line-height: 0.94;\n  }\n\n  .rq08-title-main,\n  .rq08-title-accent {\n    display: block;\n\n    width: 100%;\n    max-width: 100%;\n\n    white-space: nowrap;\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .rq08-title-main {\n    color: var(--rq08-white);\n\n    font-size: clamp(30px, 3.15vw, 51px);\n    letter-spacing: 0.065em;\n  }\n\n  .rq08-title-accent {\n    margin-top: 9px;\n\n    color: var(--rq08-cyan);\n\n    font-size: clamp(34px, 3.5vw, 57px);\n    letter-spacing: 0.08em;\n\n    text-shadow:\n      0 0 22px rgba(234, 219, 200, 0.201);\n  }\n\n  .rq08-title-line {\n    display: grid;\n    grid-template-columns: 1fr 5px 0.34fr;\n    align-items: center;\n    gap: 8px;\n\n    margin: 23px 0 14px;\n  }\n\n  .rq08-title-line i {\n    display: block;\n\n    height: 1px;\n\n    background: var(--rq08-line);\n  }\n\n  .rq08-title-line b {\n    width: 5px;\n    height: 5px;\n\n    background: var(--rq08-cyan);\n    box-shadow: 0 0 9px var(--rq08-cyan);\n  }\n\n  .rq08-panel--finalization {\n    --rq08-shift-x: 12px;\n    --rq08-shift-y: 8px;\n\n    top: 40%;\n    right: 3%;\n\n    width: clamp(330px, 30vw, 470px);\n    padding: clamp(21px, 2vw, 30px);\n  }\n\n  .rq08-finalization__header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 15px;\n  }\n\n  .rq08-finalization__header span {\n    color: var(--rq08-cyan);\n\n    font-size: 8px;\n    letter-spacing: 0.18em;\n  }\n\n  .rq08-finalization__header small {\n    color: rgba(234, 219, 200, 0.401);\n\n    font-size: 7px;\n    letter-spacing: 0.1em;\n  }\n\n  .rq08-finalization__heading {\n    margin: 20px 0 14px;\n  }\n\n  .rq08-finalization__heading span,\n  .rq08-finalization__heading strong {\n    display: block;\n  }\n\n  .rq08-finalization__heading span {\n    color: var(--rq08-white);\n\n    font-size: clamp(17px, 1.5vw, 24px);\n    font-weight: 300;\n    letter-spacing: 0.07em;\n  }\n\n  .rq08-finalization__heading strong {\n    margin-top: 6px;\n\n    color: var(--rq08-cyan);\n\n    font-size: clamp(18px, 1.62vw, 26px);\n    font-weight: 300;\n    letter-spacing: 0.035em;\n\n    white-space: nowrap;\n  }\n\n  .rq08-panel--finalization p {\n    max-width: 39em;\n    margin: 0 0 19px;\n\n    color: rgba(234, 219, 200, 0.909);\n\n    font-size: clamp(10.5px, 0.88vw, 13.5px);\n    font-weight: 300;\n    line-height: 1.6;\n    letter-spacing: 0.025em;\n\n    text-transform: none;\n\n    word-break: normal;\n    overflow-wrap: normal;\n    hyphens: none;\n  }\n\n  .rq08-finalization__tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n\n    max-width: calc(100% - 43px);\n  }\n\n  .rq08-finalization__tags span {\n    padding: 6px 8px;\n\n    border: 1px solid rgba(234, 219, 200, 0.201);\n\n    background: rgba(234, 219, 200, 0.029);\n\n    color: rgba(234, 219, 200, 0.826);\n\n    font-size: 7px;\n    letter-spacing: 0.08em;\n\n    white-space: nowrap;\n\n    transition:\n      border-color 350ms ease,\n      color 350ms ease,\n      background-color 350ms ease;\n  }\n\n  .rq08-panel--finalization:hover .rq08-finalization__tags span {\n    border-color: rgba(234, 219, 200, 0.378);\n    background: rgba(234, 219, 200, 0.053);\n    color: rgba(234, 219, 200, 1);\n  }\n\n  .rq08-finalization__scanner {\n    position: absolute;\n\n    right: 14px;\n    bottom: 14px;\n\n    width: 42px;\n    height: 42px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n    border-radius: 50%;\n  }\n\n  .rq08-finalization__scanner::before,\n  .rq08-finalization__scanner::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.26);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .rq08-finalization__scanner::before {\n    width: 74%;\n    height: 1px;\n  }\n\n  .rq08-finalization__scanner::after {\n    width: 1px;\n    height: 74%;\n  }\n\n  .rq08-finalization__scanner i {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 50%;\n    height: 50%;\n\n    background: conic-gradient(\n      from -28deg,\n      rgba(234, 219, 200, 0.224),\n      transparent 42deg\n    );\n\n    transform-origin: 0 0;\n\n    animation:\n      rq08Radar 8s linear infinite;\n  }\n\n  .rq08-core-stage {\n    position: absolute;\n    z-index: 3;\n\n    top: 47%;\n    left: 50%;\n\n    width: clamp(355px, 38vw, 605px);\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 0)\n      rotateX(calc(var(--rq08-my) * -5deg))\n      rotateY(calc(var(--rq08-mx) * 7deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .rq08-core-stage::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 4%;\n\n    border: 1px solid rgba(234, 219, 200, 0.088);\n    border-radius: 50%;\n\n    box-shadow:\n      inset 0 0 80px rgba(234, 219, 200, 0.029),\n      0 0 75px rgba(234, 219, 200, 0.029);\n  }\n\n  .rq08-core-stage__axis {\n    position: absolute;\n    z-index: -1;\n\n    top: 50%;\n    left: 50%;\n  }\n\n  .rq08-core-stage__axis--x {\n    width: 125%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .rq08-core-stage__axis--y {\n    width: 1px;\n    height: 125%;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .rq08-core {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 77%;\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 70px)\n      rotateX(calc(var(--rq08-my) * -4deg))\n      rotateY(calc(var(--rq08-mx) * 5deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .rq08-core__devices {\n    position: absolute;\n    inset: 3%;\n\n    color: var(--rq08-cyan);\n\n    border-radius: 50%;\n\n    background: radial-gradient(\n      circle,\n      rgba(234, 219, 200, 0.031),\n      rgba(112, 43, 61, 0.014) 48%,\n      transparent 72%\n    );\n\n    transform: translateZ(42px);\n  }\n\n  .rq08-core__devices svg {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: visible;\n\n    filter:\n      drop-shadow(0 0 5px rgba(234, 219, 200, 0.189));\n\n    animation:\n      rq08ModelPulse 7.5s ease-in-out infinite;\n  }\n\n  .rq08-core__orbit {\n    position: absolute;\n    inset: 0;\n\n    border: 1px solid rgba(234, 219, 200, 0.319);\n    border-radius: 50%;\n\n    transform-style: preserve-3d;\n  }\n\n  .rq08-core__orbit::before,\n  .rq08-core__orbit::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--rq08-cyan);\n    box-shadow: 0 0 11px rgba(234, 219, 200, 0.944);\n  }\n\n  .rq08-core__orbit::before {\n    top: -3px;\n    left: 50%;\n  }\n\n  .rq08-core__orbit::after {\n    right: 10%;\n    bottom: 18%;\n\n    width: 3px;\n    height: 3px;\n  }\n\n  .rq08-core__orbit--01 {\n    transform:\n      rotateX(68deg)\n      rotateZ(14deg);\n\n    animation:\n      rq08OrbitOne 23s linear infinite;\n  }\n\n  .rq08-core__orbit--02 {\n    inset: 5%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n\n    transform:\n      rotateY(69deg)\n      rotateZ(32deg);\n\n    animation:\n      rq08OrbitTwo 29s linear infinite reverse;\n  }\n\n  .rq08-core__orbit--03 {\n    inset: 13%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n    border-style: dashed;\n\n    transform:\n      rotateX(56deg)\n      rotateY(44deg);\n\n    animation:\n      rq08OrbitThree 36s linear infinite;\n  }\n\n  .rq08-core__radar {\n    position: absolute;\n    inset: -7%;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.118);\n    border-radius: 50%;\n\n    transform: translateZ(-30px);\n  }\n\n  .rq08-core__radar::before,\n  .rq08-core__radar::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.094);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .rq08-core__radar::before {\n    width: 100%;\n    height: 1px;\n  }\n\n  .rq08-core__radar::after {\n    width: 1px;\n    height: 100%;\n  }\n\n  .rq08-core__scan {\n    position: absolute;\n    z-index: 8;\n\n    top: 12%;\n    left: 10%;\n\n    width: 80%;\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--rq08-cyan),\n      transparent\n    );\n\n    box-shadow:\n      0 0 14px rgba(234, 219, 200, 0.59);\n\n    opacity: 0.58;\n\n    animation:\n      rq08CoreScan 7.4s ease-in-out infinite;\n  }\n\n  .rq08-core__pivot {\n    position: absolute;\n    z-index: 10;\n\n    top: 50%;\n    left: 50%;\n\n    width: 18px;\n    height: 18px;\n\n    border: 1px solid rgba(234, 219, 200, 0.885);\n\n    background: rgba(234, 219, 200, 0.083);\n\n    transform:\n      translate3d(-50%, -50%, 105px)\n      rotate(45deg);\n\n    animation:\n      rq08PivotPulse 4.8s ease-in-out infinite;\n  }\n\n  .rq08-core__pivot::before,\n  .rq08-core__pivot::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: var(--rq08-cyan);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .rq08-core__pivot::before {\n    width: 6px;\n    height: 1px;\n  }\n\n  .rq08-core__pivot::after {\n    width: 1px;\n    height: 6px;\n  }\n\n  .rq08-core__pivot span {\n    position: absolute;\n    inset: -13px;\n\n    border: 1px dashed rgba(234, 219, 200, 0.33);\n    border-radius: 50%;\n\n    animation:\n      rq08Radar 13s linear infinite;\n  }\n\n  .rq08-core__pivot i {\n    position: absolute;\n    inset: -27px;\n\n    border: 1px solid rgba(112, 43, 61, 0.15);\n    border-radius: 50%;\n  }\n\n  .rq08-pulse {\n    position: absolute;\n    z-index: 6;\n\n    top: 50%;\n    left: 50%;\n\n    width: 15%;\n    aspect-ratio: 1;\n\n    border: 1px solid rgba(234, 219, 200, 0.413);\n    border-radius: 50%;\n\n    transform: translate(-50%, -50%);\n\n    animation:\n      rq08PulseRing 5.5s ease-out infinite;\n  }\n\n  .rq08-pulse--02 {\n    animation-delay: -1.8s;\n  }\n\n  .rq08-pulse--03 {\n    animation-delay: -3.6s;\n  }\n\n  .rq08-particle {\n    position: absolute;\n\n    width: 3px;\n    height: 3px;\n\n    border-radius: 50%;\n\n    background: var(--rq08-cyan);\n    box-shadow: 0 0 7px var(--rq08-cyan);\n\n    animation:\n      rq08Particle 6.4s ease-in-out infinite;\n  }\n\n  .rq08-particle--01 {\n    top: 15%;\n    left: 23%;\n    animation-delay: -0.4s;\n  }\n\n  .rq08-particle--02 {\n    top: 27%;\n    right: 12%;\n    animation-delay: -1.7s;\n  }\n\n  .rq08-particle--03 {\n    right: 17%;\n    bottom: 18%;\n    animation-delay: -3.1s;\n  }\n\n  .rq08-particle--04 {\n    bottom: 10%;\n    left: 40%;\n    animation-delay: -1.1s;\n  }\n\n  .rq08-particle--05 {\n    top: 53%;\n    left: 5%;\n    animation-delay: -2.4s;\n  }\n\n  .rq08-particle--06 {\n    top: 7%;\n    left: 58%;\n\n    background: var(--rq08-violet);\n    box-shadow: 0 0 7px var(--rq08-violet);\n\n    animation-delay: -3.8s;\n  }\n\n  .rq08-particle--07 {\n    right: 3%;\n    bottom: 43%;\n\n    background: var(--rq08-blue);\n    box-shadow: 0 0 7px var(--rq08-blue);\n\n    animation-delay: -4.7s;\n  }\n\n  .rq08-core-marker {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.496);\n\n    font-size: 7px;\n    letter-spacing: 0.13em;\n  }\n\n  .rq08-core-marker::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 17px;\n    height: 1px;\n    margin-right: 7px;\n\n    vertical-align: middle;\n\n    background: rgba(234, 219, 200, 0.26);\n  }\n\n  .rq08-core-marker--01 {\n    top: 18%;\n    left: 0;\n  }\n\n  .rq08-core-marker--02 {\n    top: 34%;\n    right: -3%;\n  }\n\n  .rq08-core-marker--03 {\n    bottom: 17%;\n    left: 2%;\n  }\n\n  .rq08-core-marker--04 {\n    right: 0;\n    bottom: 25%;\n  }\n\n  .rq08-core-caption {\n    position: absolute;\n\n    bottom: 3%;\n    left: 50%;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n\n    white-space: nowrap;\n\n    transform: translateX(-50%);\n  }\n\n  .rq08-core-caption span {\n    color: rgba(234, 219, 200, 0.425);\n\n    font-size: 7px;\n    letter-spacing: 0.24em;\n  }\n\n  .rq08-core-caption strong {\n    color: var(--rq08-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.21em;\n\n    text-shadow:\n      0 0 10px rgba(234, 219, 200, 0.378);\n  }\n\n  .rq08-panel--matrix {\n    --rq08-shift-x: -7px;\n    --rq08-shift-y: 5px;\n\n    left: 3.5%;\n    bottom: 10%;\n\n    width: clamp(250px, 22vw, 350px);\n    padding: 14px 16px;\n  }\n\n  .rq08-matrix {\n    display: grid;\n    gap: 7px;\n\n    margin-top: 12px;\n  }\n\n  .rq08-matrix > div {\n    display: grid;\n    grid-template-columns: 78px 1fr 22px;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .rq08-matrix span,\n  .rq08-matrix strong {\n    color: rgba(234, 219, 200, 0.519);\n\n    font-size: 7px;\n    font-weight: 500;\n    letter-spacing: 0.07em;\n  }\n\n  .rq08-matrix strong {\n    color: var(--rq08-cyan);\n    text-align: right;\n  }\n\n  .rq08-matrix i {\n    position: relative;\n\n    display: block;\n\n    height: 2px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.106);\n  }\n\n  .rq08-matrix i::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0 auto 0 0;\n\n    width: var(--rq08-level);\n\n    background: linear-gradient(\n      90deg,\n      var(--rq08-violet),\n      var(--rq08-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      rq08Bar 3s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .rq08-panel--network {\n    --rq08-shift-x: 7px;\n    --rq08-shift-y: 5px;\n\n    right: 3.5%;\n    bottom: 10%;\n\n    width: clamp(235px, 21vw, 325px);\n    padding: 14px 16px;\n  }\n\n  .rq08-network {\n    position: relative;\n\n    height: 96px;\n    margin: 8px 0 6px;\n  }\n\n  .rq08-network::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 50px;\n    height: 50px;\n\n    border: 1px solid rgba(234, 219, 200, 0.189);\n    border-radius: 50%;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .rq08-network b {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    color: var(--rq08-white);\n\n    font-size: 6px;\n    font-weight: 500;\n    letter-spacing: 0.06em;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .rq08-network-node {\n    position: absolute;\n    z-index: 2;\n\n    width: 6px;\n    height: 6px;\n\n    border: 1px solid var(--rq08-cyan);\n    border-radius: 50%;\n\n    background: rgba(234, 219, 200, 0.236);\n    box-shadow: 0 0 8px rgba(234, 219, 200, 0.401);\n  }\n\n  .rq08-network-node--core {\n    top: calc(50% - 3px);\n    left: calc(50% - 3px);\n  }\n\n  .rq08-network-node--01 {\n    top: 46%;\n    left: 4%;\n  }\n\n  .rq08-network-node--02 {\n    top: 7%;\n    left: 27%;\n  }\n\n  .rq08-network-node--03 {\n    top: 8%;\n    right: 14%;\n  }\n\n  .rq08-network-node--04 {\n    right: 7%;\n    bottom: 10%;\n  }\n\n  .rq08-network-node--05 {\n    bottom: 4%;\n    left: 22%;\n  }\n\n  .rq08-network-node--06 {\n    top: 18%;\n    left: 52%;\n  }\n\n  .rq08-network-link {\n    position: absolute;\n    z-index: 1;\n\n    top: 50%;\n    left: 50%;\n\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      rgba(234, 219, 200, 0.496),\n      rgba(234, 219, 200, 0.035)\n    );\n\n    transform-origin: left center;\n  }\n\n  .rq08-network-link--01 {\n    width: 46%;\n    transform: rotate(180deg);\n  }\n\n  .rq08-network-link--02 {\n    width: 35%;\n    transform: rotate(-133deg);\n  }\n\n  .rq08-network-link--03 {\n    width: 38%;\n    transform: rotate(-38deg);\n  }\n\n  .rq08-network-link--04 {\n    width: 42%;\n    transform: rotate(32deg);\n  }\n\n  .rq08-network-link--05 {\n    width: 37%;\n    transform: rotate(139deg);\n  }\n\n  .rq08-network-link--06 {\n    width: 31%;\n    transform: rotate(-86deg);\n  }\n\n  .rq08-network-label {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.401);\n\n    font-size: 5px;\n    letter-spacing: 0.05em;\n  }\n\n  .rq08-network-label--01 {\n    top: 57%;\n    left: 1%;\n  }\n\n  .rq08-network-label--02 {\n    top: 0;\n    left: 20%;\n  }\n\n  .rq08-network-label--03 {\n    top: 1%;\n    right: 4%;\n  }\n\n  .rq08-timeline {\n    position: absolute;\n    z-index: 7;\n\n    right: 22%;\n    bottom: 4%;\n    left: 22%;\n\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    gap: 22px;\n  }\n\n  .rq08-timeline__label {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .rq08-timeline__label span {\n    color: rgba(234, 219, 200, 0.354);\n\n    font-size: 7px;\n    letter-spacing: 0.15em;\n  }\n\n  .rq08-timeline__label strong {\n    color: rgba(234, 219, 200, 0.791);\n\n    font-size: 8px;\n    font-weight: 500;\n    letter-spacing: 0.14em;\n  }\n\n  .rq08-timeline__track {\n    position: relative;\n\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .rq08-timeline__track::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 3px;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: rgba(234, 219, 200, 0.142);\n  }\n\n  .rq08-timeline__progress {\n    position: absolute;\n    z-index: 1;\n\n    top: 3px;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: var(--rq08-cyan);\n    box-shadow: 0 0 7px var(--rq08-cyan);\n  }\n\n  .rq08-timeline__track span {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 5px;\n    letter-spacing: 0.035em;\n  }\n\n  .rq08-timeline__track i {\n    width: 7px;\n    height: 7px;\n\n    border: 1px solid rgba(234, 219, 200, 0.271);\n    border-radius: 50%;\n\n    background: rgba(18, 7, 10, 0.9);\n  }\n\n  .rq08-timeline__track .is-active {\n    color: var(--rq08-cyan);\n  }\n\n  .rq08-timeline__track .is-active i {\n    border-color: var(--rq08-cyan);\n\n    background: var(--rq08-cyan);\n    box-shadow: 0 0 9px var(--rq08-cyan);\n  }\n\n  .rq08-timeline__track .is-complete {\n    color: rgba(234, 219, 200, 0.684);\n  }\n\n  .rq08-timeline__track .is-complete i {\n    border-color: rgba(234, 219, 200, 0.767);\n\n    background: rgba(234, 219, 200, 0.295);\n  }\n\n  .rq08-microtext {\n    position: absolute;\n    z-index: 2;\n\n    color: rgba(234, 219, 200, 0.236);\n\n    font-family: monospace;\n    font-size: 7px;\n    line-height: 1.8;\n    letter-spacing: 0.1em;\n\n    pointer-events: none;\n  }\n\n  .rq08-microtext--left {\n    top: 31%;\n    left: 1.7%;\n\n    writing-mode: vertical-rl;\n\n    transform: rotate(180deg);\n  }\n\n  .rq08-microtext--right {\n    top: 29%;\n    right: 1.6%;\n\n    text-align: right;\n    writing-mode: vertical-rl;\n  }\n\n  @keyframes rq08Blink {\n    0%,\n    100% {\n      opacity: 0.35;\n      transform: scale(0.85);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes rq08PanelScan {\n    from {\n      top: -20%;\n    }\n\n    to {\n      top: 120%;\n    }\n  }\n\n  @keyframes rq08Progress {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes rq08Bar {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes rq08Radar {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes rq08OrbitOne {\n    from {\n      transform:\n        rotateX(68deg)\n        rotateZ(14deg);\n    }\n\n    to {\n      transform:\n        rotateX(68deg)\n        rotateZ(374deg);\n    }\n  }\n\n  @keyframes rq08OrbitTwo {\n    from {\n      transform:\n        rotateY(69deg)\n        rotateZ(32deg);\n    }\n\n    to {\n      transform:\n        rotateY(69deg)\n        rotateZ(392deg);\n    }\n  }\n\n  @keyframes rq08OrbitThree {\n    from {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(0deg);\n    }\n\n    to {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(360deg);\n    }\n  }\n\n  @keyframes rq08CoreScan {\n    0%,\n    100% {\n      top: 12%;\n      opacity: 0.18;\n    }\n\n    50% {\n      top: 85%;\n      opacity: 0.7;\n    }\n  }\n\n  @keyframes rq08ModelPulse {\n    0%,\n    100% {\n      opacity: 0.64;\n      transform: scale(0.992);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1.008);\n    }\n  }\n\n  @keyframes rq08PivotPulse {\n    0%,\n    100% {\n      opacity: 0.64;\n\n      transform:\n        translate3d(-50%, -50%, 105px)\n        rotate(45deg)\n        scale(0.9);\n    }\n\n    50% {\n      opacity: 1;\n\n      transform:\n        translate3d(-50%, -50%, 112px)\n        rotate(45deg)\n        scale(1.06);\n    }\n  }\n\n  @keyframes rq08PulseRing {\n    0% {\n      opacity: 0.5;\n\n      transform:\n        translate(-50%, -50%)\n        scale(0.7);\n    }\n\n    100% {\n      opacity: 0;\n\n      transform:\n        translate(-50%, -50%)\n        scale(4.2);\n    }\n  }\n\n  @keyframes rq08Particle {\n    0%,\n    100% {\n      opacity: 0.18;\n\n      transform:\n        translate3d(0, 6px, 30px)\n        scale(0.7);\n    }\n\n    50% {\n      opacity: 0.9;\n\n      transform:\n        translate3d(5px, -7px, 84px)\n        scale(1.08);\n    }\n  }\n\n  .rq08-hud.is-rq08-paused *,\n  .rq08-hud.is-rq08-paused *::before,\n  .rq08-hud.is-rq08-paused *::after {\n    animation-play-state: paused !important;\n  }\n\n  @media (max-width: 1100px) {\n    .rq08-hud {\n      min-height: 890px;\n    }\n\n    .rq08-core-stage {\n      top: 45%;\n\n      width: clamp(325px, 43vw, 490px);\n    }\n\n    .rq08-panel--title {\n      top: 45%;\n      left: 3%;\n\n      width: 29vw;\n    }\n\n    .rq08-title-main {\n      font-size: clamp(24px, 2.8vw, 39px);\n    }\n\n    .rq08-title-accent {\n      font-size: clamp(28px, 3.2vw, 44px);\n    }\n\n    .rq08-panel--finalization {\n      top: 43%;\n      right: 3%;\n\n      width: 32vw;\n    }\n\n    .rq08-panel--matrix,\n    .rq08-panel--network {\n      bottom: 8%;\n\n      width: 27vw;\n    }\n\n    .rq08-timeline {\n      right: 29%;\n      left: 29%;\n\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    .rq08-timeline__label {\n      display: none;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .rq08-hud {\n      position: relative;\n\n      width: 100vw;\n      width: 100dvw;\n      max-width: none;\n      min-height: 1140px;\n\n      margin-inline:\n        calc(50% - 50vw);\n\n      margin-inline:\n        calc(50% - 50dvw);\n\n      overflow: hidden;\n\n      perspective: 900px;\n    }\n\n    .rq08-topbar {\n      top: 15px;\n      left: 10px;\n      right: 10px;\n\n      gap: 8px;\n\n      font-size: 5px;\n      letter-spacing: 0.055em;\n    }\n\n    .rq08-topbar__center,\n    .rq08-microtext {\n      display: none;\n    }\n\n    .rq08-topbar > span:first-child,\n    .rq08-online {\n      white-space: nowrap;\n    }\n\n    .rq08-panel {\n      padding: 11px;\n\n      text-align: left;\n\n      transform: none !important;\n    }\n\n    .rq08-panel::before {\n      display: none;\n    }\n\n    .rq08-panel__corners {\n      inset: 5px;\n    }\n\n    .rq08-panel__meta,\n    .rq08-panel__footer,\n    .rq08-progress__label,\n    .rq08-data-row,\n    .rq08-title-data,\n    .rq08-mini-header,\n    .rq08-network-footer {\n      gap: 5px;\n\n      font-size: 4.9px;\n      line-height: 1.25;\n      letter-spacing: 0.045em;\n    }\n\n    .rq08-panel--title {\n      top: 58px;\n      left: 10px;\n      right: 10px;\n\n      width: auto;\n      height: 145px;\n\n      padding: 14px 16px;\n    }\n\n    .rq08-panel__index {\n      margin-bottom: 11px;\n\n      font-size: 6px;\n      letter-spacing: 0.1em;\n    }\n\n    .rq08-panel__index strong {\n      font-size: 6px;\n    }\n\n    .rq08-kicker {\n      margin-bottom: 4px;\n\n      font-size: 6.2px;\n      letter-spacing: 0.15em;\n    }\n\n    .rq08-title-main {\n      font-size: clamp(22px, 7vw, 31px);\n      letter-spacing: 0.045em;\n    }\n\n    .rq08-title-accent {\n      margin-top: 5px;\n\n      font-size: clamp(26px, 8vw, 35px);\n      letter-spacing: 0.055em;\n    }\n\n    .rq08-title-line {\n      margin: 11px 0 7px;\n    }\n\n    .rq08-panel--step {\n      top: 218px;\n      left: 10px;\n\n      width: 37%;\n      height: 156px;\n\n      padding: 10px;\n    }\n\n    .rq08-step-display {\n      gap: 5px;\n\n      margin: 10px 0 7px;\n    }\n\n    .rq08-step-digit {\n      height: 82px;\n    }\n\n    .rq08-step-digit > span {\n      font-size: clamp(43px, 13vw, 60px);\n    }\n\n    .rq08-step-digit > b {\n      bottom: 5px;\n      left: 5px;\n\n      font-size: 4px;\n      letter-spacing: 0.1em;\n    }\n\n    .rq08-step-digit > i {\n      right: 4px;\n    }\n\n    .rq08-panel--status {\n      top: 218px;\n      right: 10px;\n\n      width: calc(63% - 30px);\n      min-height: 183px;\n\n      padding: 11px;\n    }\n\n    .rq08-status-heading {\n      margin: 13px 0 12px;\n    }\n\n    .rq08-status-heading > span {\n      margin-bottom: 5px;\n\n      font-size: 5.2px;\n      letter-spacing: 0.08em;\n    }\n\n    .rq08-status-heading strong {\n      font-size: clamp(12px, 3.8vw, 17px);\n      letter-spacing: 0.02em;\n    }\n\n    .rq08-status-heading em {\n      margin-top: 4px;\n\n      font-size: 0.48em;\n      letter-spacing: 0;\n    }\n\n    .rq08-progress {\n      margin-bottom: 10px;\n    }\n\n    .rq08-core-stage {\n      top: 548px;\n      left: 50%;\n\n      width: min(79vw, 318px);\n\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .rq08-core {\n      transform:\n        translate3d(-50%, -50%, 65px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .rq08-core-marker {\n      font-size: 4.3px;\n    }\n\n    .rq08-core-caption span {\n      font-size: 4.8px;\n    }\n\n    .rq08-core-caption strong {\n      font-size: 5.7px;\n      letter-spacing: 0.105em;\n    }\n\n    .rq08-panel--finalization {\n      top: 710px;\n      left: 10px;\n      right: auto;\n\n      width: 63%;\n      min-height: 270px;\n\n      padding: 13px;\n    }\n\n    .rq08-finalization__header {\n      gap: 7px;\n    }\n\n    .rq08-finalization__header span {\n      font-size: 5px;\n      letter-spacing: 0.055em;\n    }\n\n    .rq08-finalization__header small {\n      font-size: 4.2px;\n      letter-spacing: 0.02em;\n    }\n\n    .rq08-finalization__heading {\n      margin: 12px 0 9px;\n    }\n\n    .rq08-finalization__heading span {\n      font-size: clamp(10px, 3vw, 14px);\n      letter-spacing: 0.025em;\n    }\n\n    .rq08-finalization__heading strong {\n      margin-top: 4px;\n\n      font-size: clamp(11px, 3.25vw, 15px);\n      letter-spacing: 0;\n    }\n\n    .rq08-panel--finalization p {\n      margin-bottom: 12px;\n\n      font-size: 7.85px;\n      line-height: 1.4;\n      letter-spacing: 0;\n    }\n\n    .rq08-finalization__tags {\n      gap: 4px;\n\n      max-width: calc(100% - 29px);\n    }\n\n    .rq08-finalization__tags span {\n      padding: 4px 5px;\n\n      font-size: 4.1px;\n      letter-spacing: 0.01em;\n    }\n\n    .rq08-finalization__scanner {\n      right: 8px;\n      bottom: 8px;\n\n      width: 27px;\n      height: 27px;\n    }\n\n    .rq08-panel--matrix {\n      top: 710px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(37% - 30px);\n      height: 127px;\n\n      padding: 9px;\n    }\n\n    .rq08-matrix {\n      gap: 4px;\n\n      margin-top: 8px;\n    }\n\n    .rq08-matrix > div {\n      grid-template-columns: 33px 1fr 12px;\n      gap: 4px;\n    }\n\n    .rq08-matrix span,\n    .rq08-matrix strong {\n      font-size: 3.8px;\n      letter-spacing: 0;\n    }\n\n    .rq08-panel--network {\n      top: 849px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(37% - 30px);\n      height: 131px;\n\n      padding: 9px;\n    }\n\n    .rq08-network {\n      height: 78px;\n\n      margin: 6px 0 0;\n    }\n\n    .rq08-network::before {\n      width: 34px;\n      height: 34px;\n    }\n\n    .rq08-network b {\n      font-size: 3.7px;\n      letter-spacing: 0;\n    }\n\n    .rq08-network-node {\n      width: 5px;\n      height: 5px;\n    }\n\n    .rq08-network-label {\n      font-size: 3.3px;\n      letter-spacing: 0;\n    }\n\n    .rq08-network-footer {\n      display: none;\n    }\n\n    .rq08-timeline {\n      right: 8px;\n      bottom: 25px;\n      left: 8px;\n\n      display: block;\n    }\n\n    .rq08-timeline__label {\n      display: none;\n    }\n\n    .rq08-timeline__track span {\n      gap: 7px;\n\n      font-size: 2.8px;\n      letter-spacing: 0;\n    }\n\n    .rq08-timeline__track i {\n      width: 6px;\n      height: 6px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .rq08-hud {\n      min-height: 1170px;\n    }\n\n    .rq08-title-main {\n      font-size: clamp(21px, 6.6vw, 27px);\n    }\n\n    .rq08-title-accent {\n      font-size: clamp(25px, 7.7vw, 32px);\n    }\n\n    .rq08-panel--step {\n      width: 38%;\n    }\n\n    .rq08-panel--status {\n      width: calc(62% - 30px);\n    }\n\n    .rq08-step-digit {\n      height: 78px;\n    }\n\n    .rq08-step-digit > span {\n      font-size: clamp(40px, 12vw, 53px);\n    }\n\n    .rq08-status-heading em {\n      font-size: 0.42em;\n    }\n\n    .rq08-data-row strong {\n      font-size: 6px;\n    }\n\n    .rq08-core-stage {\n      width: min(80vw, 292px);\n    }\n\n    .rq08-panel--finalization {\n      width: 65%;\n    }\n\n    .rq08-panel--matrix,\n    .rq08-panel--network {\n      width: calc(35% - 30px);\n    }\n\n    .rq08-panel--finalization p {\n      font-size: 7.45px;\n    }\n\n    .rq08-finalization__heading strong {\n      font-size: clamp(9px, 2.8vw, 12px);\n    }\n\n    .rq08-matrix span,\n    .rq08-matrix strong {\n      font-size: 3.5px;\n    }\n\n    .rq08-timeline__track span {\n      font-size: 2.5px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .rq08-hud *,\n    .rq08-hud *::before,\n    .rq08-hud *::after {\n      animation-duration: 0.001ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.001ms !important;\n    }\n\n    .rq08-core-stage {\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .rq08-core {\n      transform:\n        translate3d(-50%, -50%, 70px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14b4259a e-con-full development-scene scene-09 e-flex e-con e-child\" data-id=\"14b4259a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66d52cd8 hud-scene-host liquid-glass elementor-widget elementor-widget-html\" data-id=\"66d52cd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\n  class=\"fg09-hud\"\n  data-fg09-hud\n  aria-label=\"Final Gate and Project Sign-Off\" data-hud-runtime data-hud-x-var=\"--fg09-x\" data-hud-y-var=\"--fg09-y\" data-hud-panel=\".fg09-panel\" data-hud-paused-class=\"is-fg09-paused\" data-hud-strength=\"0.78\" data-hud-smoothing=\"0.055\" data-hud-threshold=\"0.0004\" data-hud-mobile-fit=\"true\">\n  <div class=\"fg09-topbar\" aria-hidden=\"true\">\n    <span>FINAL GATE CONTROL SYSTEM<\/span>\n\n    <div class=\"fg09-topbar__center\">\n      <i><\/i>\n      <span>SIGN-OFF CHANNEL 09<\/span>\n      <i><\/i>\n    <\/div>\n\n    <span class=\"fg09-online\">\n      <b><\/b>\n      APPROVAL LINK ACTIVE\n    <\/span>\n  <\/div>\n\n  <article class=\"fg09-panel fg09-panel--step\">\n    <div class=\"fg09-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"fg09-panel__meta\">\n      <span>PROCESS SEQUENCE<\/span>\n      <span>09 \/ 09<\/span>\n    <\/div>\n\n    <div class=\"fg09-step-display\" aria-label=\"Step 09\">\n      <div class=\"fg09-step-digit\">\n        <span>0<\/span>\n        <i><\/i>\n        <b>BASE<\/b>\n      <\/div>\n\n      <div class=\"fg09-step-digit fg09-step-digit--active\">\n        <span>9<\/span>\n        <i><\/i>\n        <b>LIVE<\/b>\n      <\/div>\n    <\/div>\n\n    <div class=\"fg09-panel__footer\">\n      <span>FINAL GATE NODE<\/span>\n      <span class=\"fg09-status-dot\">ACTIVE<\/span>\n    <\/div>\n  <\/article>\n\n  <article class=\"fg09-panel fg09-panel--status\">\n    <div class=\"fg09-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"fg09-panel__meta\">\n      <span>APPROVAL STATE<\/span>\n      <span>09:58:44<\/span>\n    <\/div>\n\n    <div class=\"fg09-status-heading\">\n      <span>PROJECT COMPLETION<\/span>\n\n      <strong>\n        FINAL GATE\n        <em>READY FOR SIGN-OFF<\/em>\n      <\/strong>\n    <\/div>\n\n    <div class=\"fg09-progress\">\n      <div class=\"fg09-progress__label\">\n        <span>COMPLETION STATUS<\/span>\n        <span>99.4%<\/span>\n      <\/div>\n\n      <div class=\"fg09-progress__track\">\n        <i><\/i>\n      <\/div>\n    <\/div>\n\n    <div class=\"fg09-data-row\">\n      <span>FINAL CORRECTIONS<\/span>\n      <strong>APPLIED<\/strong>\n    <\/div>\n\n    <div class=\"fg09-data-row\">\n      <span>SIGN-OFF STATUS<\/span>\n      <strong>PENDING<\/strong>\n    <\/div>\n  <\/article>\n\n  <article class=\"fg09-panel fg09-panel--title\">\n    <div class=\"fg09-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"fg09-panel__index\">\n      <span>MODULE<\/span>\n      <strong>SIGN-OFF.09<\/strong>\n    <\/div>\n\n    <p class=\"fg09-kicker\">FINAL GATE<\/p>\n\n    <h2>\n      <span class=\"fg09-title-main\">PROJECT<\/span>\n      <span class=\"fg09-title-accent\">SIGN-OFF<\/span>\n    <\/h2>\n\n    <div class=\"fg09-title-line\" aria-hidden=\"true\">\n      <i><\/i>\n      <b><\/b>\n      <i><\/i>\n    <\/div>\n\n    <div class=\"fg09-title-data\">\n      <span>INPUT \/ COMPLETE WEBSITE<\/span>\n      <span>MODE \/ FINAL APPROVAL<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"fg09-core-stage\" aria-hidden=\"true\">\n    <div class=\"fg09-core-axis fg09-core-axis--x\"><\/div>\n    <div class=\"fg09-core-axis fg09-core-axis--y\"><\/div>\n\n    <span class=\"fg09-core-marker fg09-core-marker--01\">\n      REQUIREMENTS\n    <\/span>\n\n    <span class=\"fg09-core-marker fg09-core-marker--02\">\n      STRUCTURE\n    <\/span>\n\n    <span class=\"fg09-core-marker fg09-core-marker--03\">\n      VISUAL STYLE\n    <\/span>\n\n    <span class=\"fg09-core-marker fg09-core-marker--04\">\n      COMPLETE\n    <\/span>\n\n    <div class=\"fg09-core\">\n      <div class=\"fg09-core__scan\"><\/div>\n\n      <div class=\"fg09-core__radar\"><\/div>\n\n      <div class=\"fg09-core__orbit fg09-core__orbit--01\"><\/div>\n      <div class=\"fg09-core__orbit fg09-core__orbit--02\"><\/div>\n      <div class=\"fg09-core__orbit fg09-core__orbit--03\"><\/div>\n\n      <div class=\"fg09-core__seal\">\n        <svg viewBox=\"0 0 520 520\" role=\"presentation\">\n          <defs>\n            <linearGradient\n              id=\"fg09SealGradient\"\n              x1=\"0\"\n              y1=\"0\"\n              x2=\"1\"\n              y2=\"1\"\n            >\n              <stop\n                offset=\"0\"\n                stop-color=\"#eadbc8\"\n                stop-opacity=\".98\"\n              \/>\n\n              <stop\n                offset=\".52\"\n                stop-color=\"#702b3d\"\n                stop-opacity=\".72\"\n              \/>\n\n              <stop\n                offset=\"1\"\n                stop-color=\"#702b3d\"\n                stop-opacity=\".9\"\n              \/>\n            <\/linearGradient>\n          <\/defs>\n\n          <g\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <circle\n              cx=\"260\"\n              cy=\"260\"\n              r=\"224\"\n              stroke-width=\"1\"\n              opacity=\".22\"\n            \/>\n\n            <circle\n              cx=\"260\"\n              cy=\"260\"\n              r=\"185\"\n              stroke-width=\"1\"\n              stroke-dasharray=\"4 9\"\n              opacity=\".2\"\n            \/>\n\n            <circle\n              cx=\"260\"\n              cy=\"260\"\n              r=\"141\"\n              stroke-width=\".9\"\n              opacity=\".19\"\n            \/>\n\n            <ellipse\n              cx=\"260\"\n              cy=\"260\"\n              rx=\"224\"\n              ry=\"76\"\n              stroke-width=\".8\"\n              opacity=\".22\"\n            \/>\n\n            <ellipse\n              cx=\"260\"\n              cy=\"260\"\n              rx=\"88\"\n              ry=\"224\"\n              stroke-width=\".8\"\n              opacity=\".22\"\n            \/>\n\n            <path\n              d=\"\n                M260 34V486\n                M34 260H486\n                M100 100L420 420\n                M420 100L100 420\n              \"\n              stroke-width=\".7\"\n              opacity=\".17\"\n            \/>\n\n            <polygon\n              points=\"\n                260,58\n                404,116\n                462,260\n                404,404\n                260,462\n                116,404\n                58,260\n                116,116\n              \"\n              stroke=\"url(#fg09SealGradient)\"\n              stroke-width=\"1.6\"\n              opacity=\".9\"\n            \/>\n\n            <polygon\n              points=\"\n                260,92\n                380,140\n                428,260\n                380,380\n                260,428\n                140,380\n                92,260\n                140,140\n              \"\n              stroke-width=\"1\"\n              opacity=\".48\"\n            \/>\n\n            <polygon\n              points=\"\n                260,127\n                355,165\n                393,260\n                355,355\n                260,393\n                165,355\n                127,260\n                165,165\n              \"\n              stroke-width=\"1\"\n              stroke-dasharray=\"5 8\"\n              opacity=\".4\"\n            \/>\n\n            <path\n              d=\"\n                M260 58V127\n                M404 116L355 165\n                M462 260H393\n                M404 404L355 355\n                M260 462V393\n                M116 404L165 355\n                M58 260H127\n                M116 116L165 165\n              \"\n              stroke-width=\"1\"\n              opacity=\".62\"\n            \/>\n\n            <circle\n              cx=\"260\"\n              cy=\"260\"\n              r=\"101\"\n              stroke=\"url(#fg09SealGradient)\"\n              stroke-width=\"1.5\"\n              opacity=\".9\"\n            \/>\n\n            <circle\n              cx=\"260\"\n              cy=\"260\"\n              r=\"79\"\n              stroke-width=\"1\"\n              stroke-dasharray=\"4 7\"\n              opacity=\".52\"\n            \/>\n\n            <circle\n              cx=\"260\"\n              cy=\"260\"\n              r=\"54\"\n              stroke-width=\"1\"\n              opacity=\".56\"\n            \/>\n\n            <path\n              d=\"\n                M209 258\n                L245 294\n                L317 215\n              \"\n              stroke=\"url(#fg09SealGradient)\"\n              stroke-width=\"5\"\n              opacity=\".94\"\n            \/>\n\n            <path\n              d=\"\n                M89 174\n                C139 162 171 181 202 216\n\n                M431 174\n                C381 162 349 181 318 216\n\n                M89 346\n                C139 358 171 339 202 304\n\n                M431 346\n                C381 358 349 339 318 304\n              \"\n              stroke-width=\"1\"\n              stroke-dasharray=\"4 7\"\n              opacity=\".45\"\n            \/>\n\n            <circle\n              cx=\"88\"\n              cy=\"174\"\n              r=\"24\"\n              stroke-width=\"1\"\n              opacity=\".58\"\n            \/>\n\n            <circle\n              cx=\"432\"\n              cy=\"174\"\n              r=\"24\"\n              stroke-width=\"1\"\n              opacity=\".58\"\n            \/>\n\n            <circle\n              cx=\"88\"\n              cy=\"346\"\n              r=\"24\"\n              stroke-width=\"1\"\n              opacity=\".58\"\n            \/>\n\n            <circle\n              cx=\"432\"\n              cy=\"346\"\n              r=\"24\"\n              stroke-width=\"1\"\n              opacity=\".58\"\n            \/>\n\n            <path\n              d=\"\n                M77 174L85 182L100 166\n                M421 174L429 182L444 166\n                M77 346L85 354L100 338\n                M421 346L429 354L444 338\n              \"\n              stroke-width=\"1.4\"\n              opacity=\".7\"\n            \/>\n\n            <path\n              d=\"\n                M61 438\n                C129 406 178 419 224 445\n                C271 472 325 455 370 427\n                C410 402 449 405 478 432\n              \"\n              stroke=\"url(#fg09SealGradient)\"\n              stroke-width=\"1.7\"\n              opacity=\".9\"\n            \/>\n\n            <path\n              d=\"\n                M212 438L227 445L214 453\n                M358 421L373 427L361 436\n                M465 424L479 432L466 440\n              \"\n              stroke=\"url(#fg09SealGradient)\"\n              stroke-width=\"1.35\"\n              opacity=\".9\"\n            \/>\n\n            <circle\n              cx=\"61\"\n              cy=\"438\"\n              r=\"17\"\n              stroke-width=\"1\"\n              opacity=\".62\"\n            \/>\n\n            <circle\n              cx=\"225\"\n              cy=\"445\"\n              r=\"13\"\n              stroke-width=\"1\"\n              opacity=\".72\"\n            \/>\n\n            <circle\n              cx=\"371\"\n              cy=\"427\"\n              r=\"15\"\n              stroke-width=\"1\"\n              opacity=\".7\"\n            \/>\n\n            <circle\n              cx=\"478\"\n              cy=\"432\"\n              r=\"17\"\n              stroke-width=\"1\"\n              opacity=\".62\"\n            \/>\n\n            <path\n              d=\"\n                M255 58H265\n                M400 111L409 120\n                M457 255V265\n                M400 400L409 409\n                M255 457H265\n                M111 400L120 409\n                M58 255V265\n                M111 111L120 120\n              \"\n              stroke-width=\"1\"\n              opacity=\".64\"\n            \/>\n          <\/g>\n\n          <g fill=\"currentColor\">\n            <circle cx=\"260\" cy=\"58\" r=\"3\" \/>\n            <circle cx=\"404\" cy=\"116\" r=\"3\" \/>\n            <circle cx=\"462\" cy=\"260\" r=\"3\" \/>\n            <circle cx=\"404\" cy=\"404\" r=\"3\" \/>\n            <circle cx=\"260\" cy=\"462\" r=\"3\" \/>\n            <circle cx=\"116\" cy=\"404\" r=\"3\" \/>\n            <circle cx=\"58\" cy=\"260\" r=\"3\" \/>\n            <circle cx=\"116\" cy=\"116\" r=\"3\" \/>\n\n            <circle cx=\"88\" cy=\"174\" r=\"2.5\" \/>\n            <circle cx=\"432\" cy=\"174\" r=\"2.5\" \/>\n            <circle cx=\"88\" cy=\"346\" r=\"2.5\" \/>\n            <circle cx=\"432\" cy=\"346\" r=\"2.5\" \/>\n\n            <circle cx=\"61\" cy=\"438\" r=\"3\" \/>\n            <circle cx=\"225\" cy=\"445\" r=\"3\" \/>\n            <circle cx=\"371\" cy=\"427\" r=\"3\" \/>\n            <circle cx=\"478\" cy=\"432\" r=\"3\" \/>\n          <\/g>\n\n          <g\n            fill=\"currentColor\"\n            font-family=\"Arial, sans-serif\"\n            font-size=\"8\"\n            letter-spacing=\"1\"\n            text-anchor=\"middle\"\n            opacity=\".54\"\n          >\n            <text x=\"88\" y=\"210\">REQUIREMENTS<\/text>\n            <text x=\"432\" y=\"210\">STRUCTURE<\/text>\n            <text x=\"88\" y=\"382\">VISUALS<\/text>\n            <text x=\"432\" y=\"382\">QUALITY<\/text>\n\n            <text x=\"61\" y=\"466\">REVIEW<\/text>\n            <text x=\"225\" y=\"473\">REFINE<\/text>\n            <text x=\"371\" y=\"455\">VERIFY<\/text>\n            <text x=\"478\" y=\"460\">SIGN-OFF<\/text>\n\n            <text x=\"260\" y=\"337\">FINAL APPROVAL<\/text>\n          <\/g>\n        <\/svg>\n      <\/div>\n\n      <div class=\"fg09-core__pivot\">\n        <span><\/span>\n        <i><\/i>\n      <\/div>\n\n      <div class=\"fg09-pulse fg09-pulse--01\"><\/div>\n      <div class=\"fg09-pulse fg09-pulse--02\"><\/div>\n      <div class=\"fg09-pulse fg09-pulse--03\"><\/div>\n\n      <div class=\"fg09-particle fg09-particle--01\"><\/div>\n      <div class=\"fg09-particle fg09-particle--02\"><\/div>\n      <div class=\"fg09-particle fg09-particle--03\"><\/div>\n      <div class=\"fg09-particle fg09-particle--04\"><\/div>\n      <div class=\"fg09-particle fg09-particle--05\"><\/div>\n      <div class=\"fg09-particle fg09-particle--06\"><\/div>\n      <div class=\"fg09-particle fg09-particle--07\"><\/div>\n    <\/div>\n\n    <div class=\"fg09-core-caption\">\n      <span>FINAL APPROVAL MATRIX<\/span>\n      <strong>PROJECT COMPLETION VERIFIED<\/strong>\n    <\/div>\n  <\/div>\n\n  <article class=\"fg09-panel fg09-panel--approval\">\n    <div class=\"fg09-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"fg09-approval__header\">\n      <span>CLIENT SIGN-OFF<\/span>\n      <small>FINAL REVIEW LOOP<\/small>\n    <\/div>\n\n    <div class=\"fg09-approval__heading\">\n      <span>FINAL WEBSITE<\/span>\n      <strong>APPROVAL<\/strong>\n    <\/div>\n\n    <p>\n      The client reviews the completed website and checks whether it\n      meets the approved requirements, structure, and visual style.\n      After all final corrections have been made, the client approves\n      the website, and the project is considered complete.\n    <\/p>\n\n    <div class=\"fg09-approval__tags\">\n      <span>REQUIREMENTS<\/span>\n      <span>STRUCTURE<\/span>\n      <span>VISUAL STYLE<\/span>\n      <span>CORRECTIONS<\/span>\n      <span>SIGN-OFF<\/span>\n    <\/div>\n\n    <div class=\"fg09-approval__scanner\" aria-hidden=\"true\">\n      <i><\/i>\n    <\/div>\n  <\/article>\n\n  <article class=\"fg09-panel fg09-panel--matrix\">\n    <div class=\"fg09-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"fg09-mini-header\">\n      <span>COMPLETION MATRIX<\/span>\n      <span>06 CHECKS<\/span>\n    <\/div>\n\n    <div class=\"fg09-matrix\">\n      <div>\n        <span>REQUIREMENTS<\/span>\n        <i style=\"--fg09-level: 100%\"><\/i>\n        <strong>100<\/strong>\n      <\/div>\n\n      <div>\n        <span>STRUCTURE<\/span>\n        <i style=\"--fg09-level: 100%\"><\/i>\n        <strong>100<\/strong>\n      <\/div>\n\n      <div>\n        <span>VISUAL STYLE<\/span>\n        <i style=\"--fg09-level: 99%\"><\/i>\n        <strong>99<\/strong>\n      <\/div>\n\n      <div>\n        <span>RESPONSIVE<\/span>\n        <i style=\"--fg09-level: 98%\"><\/i>\n        <strong>98<\/strong>\n      <\/div>\n\n      <div>\n        <span>QUALITY<\/span>\n        <i style=\"--fg09-level: 99%\"><\/i>\n        <strong>99<\/strong>\n      <\/div>\n\n      <div>\n        <span>SIGN-OFF<\/span>\n        <i style=\"--fg09-level: 94%\"><\/i>\n        <strong>94<\/strong>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"fg09-panel fg09-panel--network\">\n    <div class=\"fg09-panel__corners\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"fg09-mini-header\">\n      <span>SIGN-OFF NETWORK<\/span>\n      <span>FINAL GATE<\/span>\n    <\/div>\n\n    <div class=\"fg09-network\" aria-hidden=\"true\">\n      <span class=\"fg09-network-node fg09-network-node--core\"><\/span>\n      <span class=\"fg09-network-node fg09-network-node--01\"><\/span>\n      <span class=\"fg09-network-node fg09-network-node--02\"><\/span>\n      <span class=\"fg09-network-node fg09-network-node--03\"><\/span>\n      <span class=\"fg09-network-node fg09-network-node--04\"><\/span>\n      <span class=\"fg09-network-node fg09-network-node--05\"><\/span>\n      <span class=\"fg09-network-node fg09-network-node--06\"><\/span>\n\n      <i class=\"fg09-network-link fg09-network-link--01\"><\/i>\n      <i class=\"fg09-network-link fg09-network-link--02\"><\/i>\n      <i class=\"fg09-network-link fg09-network-link--03\"><\/i>\n      <i class=\"fg09-network-link fg09-network-link--04\"><\/i>\n      <i class=\"fg09-network-link fg09-network-link--05\"><\/i>\n      <i class=\"fg09-network-link fg09-network-link--06\"><\/i>\n\n      <b>FINAL<\/b>\n\n      <small class=\"fg09-network-label fg09-network-label--01\">\n        CLIENT\n      <\/small>\n\n      <small class=\"fg09-network-label fg09-network-label--02\">\n        REVIEW\n      <\/small>\n\n      <small class=\"fg09-network-label fg09-network-label--03\">\n        COMPLETE\n      <\/small>\n    <\/div>\n\n    <div class=\"fg09-network-footer\">\n      <span>GATES PASSED 09<\/span>\n      <span>SYNC 99.9%<\/span>\n    <\/div>\n  <\/article>\n\n  <div class=\"fg09-timeline\">\n    <div class=\"fg09-timeline__label\">\n      <span>PROCESS FLOW<\/span>\n      <strong>PROJECT COMPLETION PROTOCOL<\/strong>\n    <\/div>\n\n    <div class=\"fg09-timeline__track\">\n      <div class=\"fg09-timeline__progress\"><\/div>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        CONTACT\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        DISCOVERY\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        STRUCTURE\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        ASSETS\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        STYLE\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        PROTOTYPE\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        DESIGN\n      <\/span>\n\n      <span class=\"is-complete\">\n        <i><\/i>\n        QA\n      <\/span>\n\n      <span class=\"is-active\">\n        <i><\/i>\n        SIGN-OFF\n      <\/span>\n    <\/div>\n  <\/div>\n\n  <div\n    class=\"fg09-microtext fg09-microtext--left\"\n    aria-hidden=\"true\"\n  >\n    FINAL_GATE \/\/ ACTIVE<br>\n    PROJECT_STATUS \/\/ 99.4<br>\n    CORRECTIONS \/\/ APPLIED\n  <\/div>\n\n  <div\n    class=\"fg09-microtext fg09-microtext--right\"\n    aria-hidden=\"true\"\n  >\n    PROJECT.SIGN-OFF.09<br>\n    FINAL CLIENT APPROVAL<br>\n    SYSTEM REVISION 32.9\n  <\/div>\n<\/section>\n\n<style>\n  .fg09-hud {\n    --fg09-cyan: #eadbc8;\n    --fg09-blue: #702b3d;\n    --fg09-violet: #702b3d;\n    --fg09-white: #eadbc8;\n\n    --fg09-line: rgba(234, 219, 200, 0.295);\n    --fg09-line-soft: rgba(234, 219, 200, 0.118);\n\n    --fg09-x: 0;\n    --fg09-y: 0;\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    min-height: clamp(760px, 90vh, 1000px);\n\n    overflow: hidden;\n    isolation: isolate;\n    contain: layout paint style;\n\n    perspective: 1200px;\n\n    color: var(--fg09-white);\n    background: transparent;\n\n    font-family:\n      \"Arial Narrow\",\n      \"Roboto Condensed\",\n      \"Helvetica Neue\",\n      Arial,\n      sans-serif;\n\n    text-transform: uppercase;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: geometricPrecision;\n  }\n\n  .fg09-hud *,\n  .fg09-hud *::before,\n  .fg09-hud *::after {\n    box-sizing: border-box;\n  }\n\n  .fg09-hud * {\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .fg09-hud::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 20;\n    inset: 0;\n\n    pointer-events: none;\n\n    background: repeating-linear-gradient(\n      180deg,\n      transparent 0,\n      transparent 5px,\n      rgba(234, 219, 200, 0.02) 6px\n    );\n\n    opacity: 0.44;\n  }\n\n  .fg09-topbar {\n    position: absolute;\n    z-index: 9;\n\n    top: 22px;\n    left: 3%;\n    right: 3%;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n\n    color: rgba(234, 219, 200, 0.59);\n\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: 0.22em;\n\n    white-space: nowrap;\n  }\n\n  .fg09-topbar::after {\n    content: \"\";\n\n    position: absolute;\n    top: calc(100% + 10px);\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      var(--fg09-line),\n      transparent 24%,\n      transparent 76%,\n      var(--fg09-line)\n    );\n  }\n\n  .fg09-topbar__center {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .fg09-topbar__center i {\n    display: block;\n\n    width: 34px;\n    height: 1px;\n\n    background: var(--fg09-line);\n  }\n\n  .fg09-online {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    color: var(--fg09-cyan);\n  }\n\n  .fg09-online b {\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--fg09-cyan);\n    box-shadow: 0 0 10px rgba(234, 219, 200, 0.944);\n\n    animation:\n      fg09Blink 3.2s ease-in-out infinite;\n  }\n\n  .fg09-panel {\n    position: absolute;\n    z-index: 5;\n\n    padding: 18px;\n    overflow: hidden;\n\n    border: 1px solid var(--fg09-line);\n\n    background: linear-gradient(\n      135deg,\n      rgba(18, 7, 10, 0.78),\n      rgba(18, 7, 10, 0.38)\n    );\n\n    box-shadow:\n      inset 0 0 28px rgba(234, 219, 200, 0.029),\n      0 18px 60px rgba(0, 0, 0, 0.16);\n\n    outline: none;\n\n    transform:\n      translate3d(\n        calc(var(--fg09-x) * var(--fg09-shift-x, 0px)),\n        calc(var(--fg09-y) * var(--fg09-shift-y, 0px)),\n        0\n      );\n\n    transition:\n      border-color 350ms ease,\n      box-shadow 450ms ease;\n  }\n\n  .fg09-panel::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: 0;\n    left: -90%;\n\n    width: 46%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.077),\n      transparent\n    );\n\n    transform: skewX(-16deg);\n\n    transition:\n      left 750ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .fg09-panel::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: -30%;\n    right: 0;\n    left: 0;\n\n    height: 24px;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.106),\n      transparent\n    );\n\n    opacity: 0;\n  }\n\n  .fg09-panel:hover,\n  .fg09-panel:focus-visible,\n  .fg09-panel.is-touch-active {\n    border-color: rgba(234, 219, 200, 0.684);\n\n    box-shadow:\n      inset 0 0 34px rgba(234, 219, 200, 0.053),\n      0 0 24px rgba(234, 219, 200, 0.071),\n      0 18px 60px rgba(0, 0, 0, 0.2);\n  }\n\n  .fg09-panel:hover::before,\n  .fg09-panel:focus-visible::before,\n  .fg09-panel.is-touch-active::before {\n    left: 145%;\n  }\n\n  .fg09-panel:hover::after,\n  .fg09-panel:focus-visible::after,\n  .fg09-panel.is-touch-active::after {\n    opacity: 1;\n\n    animation:\n      fg09PanelScan 2.4s linear infinite;\n  }\n\n  .fg09-panel > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .fg09-panel__corners {\n    position: absolute;\n    z-index: 2;\n\n    inset: 7px;\n\n    pointer-events: none;\n\n    background:\n      linear-gradient(var(--fg09-cyan), var(--fg09-cyan)) left top \/ 11px 1px no-repeat,\n      linear-gradient(var(--fg09-cyan), var(--fg09-cyan)) left top \/ 1px 11px no-repeat,\n      linear-gradient(var(--fg09-cyan), var(--fg09-cyan)) right top \/ 11px 1px no-repeat,\n      linear-gradient(var(--fg09-cyan), var(--fg09-cyan)) right top \/ 1px 11px no-repeat,\n      linear-gradient(var(--fg09-cyan), var(--fg09-cyan)) left bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--fg09-cyan), var(--fg09-cyan)) left bottom \/ 1px 11px no-repeat,\n      linear-gradient(var(--fg09-cyan), var(--fg09-cyan)) right bottom \/ 11px 1px no-repeat,\n      linear-gradient(var(--fg09-cyan), var(--fg09-cyan)) right bottom \/ 1px 11px no-repeat;\n\n    opacity: 0.54;\n  }\n\n  .fg09-panel__meta,\n  .fg09-panel__footer,\n  .fg09-progress__label,\n  .fg09-data-row,\n  .fg09-title-data,\n  .fg09-mini-header,\n  .fg09-network-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n\n    color: rgba(234, 219, 200, 0.507);\n\n    font-size: 7px;\n    font-weight: 600;\n    line-height: 1.3;\n    letter-spacing: 0.15em;\n  }\n\n  .fg09-panel--step {\n    --fg09-shift-x: -6px;\n    --fg09-shift-y: -4px;\n\n    top: 13%;\n    left: 3.5%;\n\n    width: clamp(205px, 17vw, 270px);\n  }\n\n  .fg09-step-display {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 8px;\n\n    margin: 14px 0 10px;\n  }\n\n  .fg09-step-digit {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    height: clamp(82px, 8vw, 118px);\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n\n    background: linear-gradient(\n      145deg,\n      rgba(234, 219, 200, 0.041),\n      rgba(234, 219, 200, 0.006)\n    );\n\n    clip-path: polygon(\n      0 10px,\n      10px 0,\n      100% 0,\n      100% calc(100% - 10px),\n      calc(100% - 10px) 100%,\n      0 100%\n    );\n  }\n\n  .fg09-step-digit::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 8px;\n    right: 8px;\n    left: 8px;\n\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      var(--fg09-cyan),\n      transparent\n    );\n\n    opacity: 0.35;\n  }\n\n  .fg09-step-digit::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 8px;\n    bottom: 8px;\n\n    width: 15px;\n    height: 1px;\n\n    background: var(--fg09-line);\n  }\n\n  .fg09-step-digit > span {\n    color: transparent;\n\n    font-size: clamp(58px, 6.5vw, 94px);\n    font-weight: 300;\n    line-height: 0.8;\n    letter-spacing: -0.08em;\n\n    font-variant-numeric: tabular-nums;\n\n    -webkit-text-stroke:\n      1px rgba(234, 219, 200, 0.59);\n\n    transform: translateY(-2px);\n  }\n\n  .fg09-step-digit > i {\n    position: absolute;\n\n    top: 50%;\n    right: 7px;\n\n    width: 3px;\n    height: 28%;\n\n    background: repeating-linear-gradient(\n      180deg,\n      var(--fg09-cyan) 0 2px,\n      transparent 2px 5px\n    );\n\n    opacity: 0.3;\n\n    transform: translateY(-50%);\n  }\n\n  .fg09-step-digit > b {\n    position: absolute;\n\n    bottom: 7px;\n    left: 8px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 5px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n  }\n\n  .fg09-step-digit--active {\n    border-color: rgba(234, 219, 200, 0.566);\n\n    background: linear-gradient(\n      145deg,\n      rgba(112, 43, 61, 0.09),\n      rgba(234, 219, 200, 0.047)\n    );\n\n    box-shadow:\n      inset 0 0 22px rgba(234, 219, 200, 0.059);\n  }\n\n  .fg09-step-digit--active > span {\n    color: rgba(234, 219, 200, 0.077);\n\n    -webkit-text-stroke-color: var(--fg09-cyan);\n\n    text-shadow:\n      0 0 18px rgba(234, 219, 200, 0.177);\n  }\n\n  .fg09-step-digit--active > b {\n    color: var(--fg09-cyan);\n  }\n\n  .fg09-status-dot {\n    color: var(--fg09-cyan);\n  }\n\n  .fg09-status-dot::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 4px;\n    height: 4px;\n    margin-right: 7px;\n\n    border-radius: 50%;\n\n    background: var(--fg09-cyan);\n    box-shadow: 0 0 8px var(--fg09-cyan);\n  }\n\n  .fg09-panel--status {\n    --fg09-shift-x: 8px;\n    --fg09-shift-y: -5px;\n\n    top: 13%;\n    right: 4%;\n\n    width: clamp(255px, 22vw, 350px);\n  }\n\n  .fg09-status-heading {\n    margin: 24px 0 22px;\n  }\n\n  .fg09-status-heading > span {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--fg09-violet);\n\n    font-size: 9px;\n    letter-spacing: 0.27em;\n  }\n\n  .fg09-status-heading strong {\n    display: block;\n\n    color: var(--fg09-white);\n\n    font-size: clamp(18px, 1.7vw, 27px);\n    font-weight: 300;\n    line-height: 1;\n    letter-spacing: 0.075em;\n  }\n\n  .fg09-status-heading em {\n    display: block;\n\n    margin-top: 5px;\n\n    color: var(--fg09-cyan);\n\n    font-size: 0.65em;\n    font-style: normal;\n    letter-spacing: 0.02em;\n\n    white-space: nowrap;\n  }\n\n  .fg09-progress {\n    margin-bottom: 18px;\n  }\n\n  .fg09-progress__track {\n    height: 3px;\n    margin-top: 9px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.118);\n  }\n\n  .fg09-progress__track i {\n    display: block;\n\n    width: 99.4%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      var(--fg09-violet),\n      var(--fg09-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      fg09Progress 3.2s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .fg09-data-row {\n    padding: 8px 0;\n\n    border-top: 1px solid var(--fg09-line-soft);\n  }\n\n  .fg09-data-row strong {\n    color: var(--fg09-cyan);\n\n    font-size: 8px;\n    font-weight: 500;\n\n    white-space: nowrap;\n  }\n\n  .fg09-panel--title {\n    --fg09-shift-x: -11px;\n    --fg09-shift-y: 8px;\n\n    top: 43%;\n    left: 4%;\n\n    width: clamp(300px, 27vw, 415px);\n    padding: clamp(21px, 2vw, 32px);\n  }\n\n  .fg09-panel__index {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n\n    margin-bottom: 27px;\n\n    color: rgba(234, 219, 200, 0.472);\n\n    font-size: 8px;\n    letter-spacing: 0.2em;\n  }\n\n  .fg09-panel__index strong {\n    color: var(--fg09-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n  }\n\n  .fg09-kicker {\n    margin: 0 0 8px;\n\n    color: var(--fg09-violet);\n\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 0.3em;\n  }\n\n  .fg09-panel--title h2 {\n    width: 100%;\n    margin: 0;\n\n    font-weight: 300;\n    line-height: 0.94;\n  }\n\n  .fg09-title-main,\n  .fg09-title-accent {\n    display: block;\n\n    width: 100%;\n    max-width: 100%;\n\n    white-space: nowrap;\n  }\n\n  .fg09-title-main {\n    color: var(--fg09-white);\n\n    font-size: clamp(30px, 3.15vw, 51px);\n    letter-spacing: 0.065em;\n  }\n\n  .fg09-title-accent {\n    margin-top: 9px;\n\n    color: var(--fg09-cyan);\n\n    font-size: clamp(27px, 2.75vw, 45px);\n    letter-spacing: 0.035em;\n\n    text-shadow:\n      0 0 22px rgba(234, 219, 200, 0.201);\n  }\n\n  .fg09-title-line {\n    display: grid;\n    grid-template-columns: 1fr 5px 0.34fr;\n    align-items: center;\n    gap: 8px;\n\n    margin: 23px 0 14px;\n  }\n\n  .fg09-title-line i {\n    display: block;\n\n    height: 1px;\n\n    background: var(--fg09-line);\n  }\n\n  .fg09-title-line b {\n    width: 5px;\n    height: 5px;\n\n    background: var(--fg09-cyan);\n    box-shadow: 0 0 9px var(--fg09-cyan);\n  }\n\n  .fg09-panel--approval {\n    --fg09-shift-x: 12px;\n    --fg09-shift-y: 8px;\n\n    top: 40%;\n    right: 3%;\n\n    width: clamp(330px, 30vw, 470px);\n    padding: clamp(21px, 2vw, 30px);\n  }\n\n  .fg09-approval__header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 15px;\n  }\n\n  .fg09-approval__header span {\n    color: var(--fg09-cyan);\n\n    font-size: 8px;\n    letter-spacing: 0.18em;\n  }\n\n  .fg09-approval__header small {\n    color: rgba(234, 219, 200, 0.401);\n\n    font-size: 7px;\n    letter-spacing: 0.1em;\n  }\n\n  .fg09-approval__heading {\n    margin: 20px 0 14px;\n  }\n\n  .fg09-approval__heading span,\n  .fg09-approval__heading strong {\n    display: block;\n  }\n\n  .fg09-approval__heading span {\n    color: var(--fg09-white);\n\n    font-size: clamp(18px, 1.6vw, 25px);\n    font-weight: 300;\n    letter-spacing: 0.075em;\n  }\n\n  .fg09-approval__heading strong {\n    margin-top: 6px;\n\n    color: var(--fg09-cyan);\n\n    font-size: clamp(23px, 2.1vw, 33px);\n    font-weight: 300;\n    letter-spacing: 0.06em;\n  }\n\n  .fg09-panel--approval p {\n    max-width: 39em;\n    margin: 0 0 19px;\n\n    color: rgba(234, 219, 200, 0.909);\n\n    font-size: clamp(10.5px, 0.88vw, 13.5px);\n    font-weight: 300;\n    line-height: 1.62;\n    letter-spacing: 0.025em;\n\n    text-transform: none;\n\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  .fg09-approval__tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n\n    max-width: calc(100% - 43px);\n  }\n\n  .fg09-approval__tags span {\n    padding: 6px 8px;\n\n    border: 1px solid rgba(234, 219, 200, 0.201);\n\n    background: rgba(234, 219, 200, 0.029);\n\n    color: rgba(234, 219, 200, 0.826);\n\n    font-size: 7px;\n    letter-spacing: 0.08em;\n\n    white-space: nowrap;\n\n    transition:\n      border-color 350ms ease,\n      color 350ms ease,\n      background-color 350ms ease;\n  }\n\n  .fg09-panel--approval:hover .fg09-approval__tags span {\n    border-color: rgba(234, 219, 200, 0.378);\n    background: rgba(234, 219, 200, 0.053);\n    color: rgba(234, 219, 200, 1);\n  }\n\n  .fg09-approval__scanner {\n    position: absolute;\n\n    right: 14px;\n    bottom: 14px;\n\n    width: 42px;\n    height: 42px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.236);\n    border-radius: 50%;\n  }\n\n  .fg09-approval__scanner::before,\n  .fg09-approval__scanner::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.26);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .fg09-approval__scanner::before {\n    width: 74%;\n    height: 1px;\n  }\n\n  .fg09-approval__scanner::after {\n    width: 1px;\n    height: 74%;\n  }\n\n  .fg09-approval__scanner i {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 50%;\n    height: 50%;\n\n    background: conic-gradient(\n      from -28deg,\n      rgba(234, 219, 200, 0.224),\n      transparent 42deg\n    );\n\n    transform-origin: 0 0;\n\n    animation:\n      fg09Radar 8s linear infinite;\n  }\n\n  .fg09-core-stage {\n    position: absolute;\n    z-index: 3;\n\n    top: 47%;\n    left: 50%;\n\n    width: clamp(355px, 38vw, 605px);\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 0)\n      rotateX(calc(var(--fg09-y) * -5deg))\n      rotateY(calc(var(--fg09-x) * 7deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .fg09-core-stage::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 4%;\n\n    border: 1px solid rgba(234, 219, 200, 0.088);\n    border-radius: 50%;\n\n    box-shadow:\n      inset 0 0 80px rgba(234, 219, 200, 0.029),\n      0 0 75px rgba(234, 219, 200, 0.029);\n  }\n\n  .fg09-core-axis {\n    position: absolute;\n    z-index: -1;\n\n    top: 50%;\n    left: 50%;\n  }\n\n  .fg09-core-axis--x {\n    width: 125%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .fg09-core-axis--y {\n    width: 1px;\n    height: 125%;\n\n    background: linear-gradient(\n      180deg,\n      transparent,\n      rgba(234, 219, 200, 0.189),\n      transparent\n    );\n\n    transform: translate(-50%, -50%);\n  }\n\n  .fg09-core {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 77%;\n    aspect-ratio: 1;\n\n    transform:\n      translate3d(-50%, -50%, 70px)\n      rotateX(calc(var(--fg09-y) * -4deg))\n      rotateY(calc(var(--fg09-x) * 5deg));\n\n    transform-style: preserve-3d;\n    will-change: transform;\n  }\n\n  .fg09-core__seal {\n    position: absolute;\n    inset: 3%;\n\n    color: var(--fg09-cyan);\n\n    border-radius: 50%;\n\n    background: radial-gradient(\n      circle,\n      rgba(234, 219, 200, 0.031),\n      rgba(112, 43, 61, 0.014) 48%,\n      transparent 72%\n    );\n\n    transform: translateZ(42px);\n  }\n\n  .fg09-core__seal svg {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: visible;\n\n    filter:\n      drop-shadow(0 0 5px rgba(234, 219, 200, 0.189));\n\n    animation:\n      fg09SealPulse 7.5s ease-in-out infinite;\n  }\n\n  .fg09-core__orbit {\n    position: absolute;\n    inset: 0;\n\n    border: 1px solid rgba(234, 219, 200, 0.319);\n    border-radius: 50%;\n\n    transform-style: preserve-3d;\n  }\n\n  .fg09-core__orbit::before,\n  .fg09-core__orbit::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--fg09-cyan);\n    box-shadow: 0 0 11px rgba(234, 219, 200, 0.944);\n  }\n\n  .fg09-core__orbit::before {\n    top: -3px;\n    left: 50%;\n  }\n\n  .fg09-core__orbit::after {\n    right: 10%;\n    bottom: 18%;\n\n    width: 3px;\n    height: 3px;\n  }\n\n  .fg09-core__orbit--01 {\n    transform:\n      rotateX(68deg)\n      rotateZ(14deg);\n\n    animation:\n      fg09OrbitOne 23s linear infinite;\n  }\n\n  .fg09-core__orbit--02 {\n    inset: 5%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n\n    transform:\n      rotateY(69deg)\n      rotateZ(32deg);\n\n    animation:\n      fg09OrbitTwo 29s linear infinite reverse;\n  }\n\n  .fg09-core__orbit--03 {\n    inset: 13%;\n\n    border-color: rgba(112, 43, 61, 0.3);\n    border-style: dashed;\n\n    transform:\n      rotateX(56deg)\n      rotateY(44deg);\n\n    animation:\n      fg09OrbitThree 36s linear infinite;\n  }\n\n  .fg09-core__radar {\n    position: absolute;\n    inset: -7%;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(234, 219, 200, 0.118);\n    border-radius: 50%;\n\n    transform: translateZ(-30px);\n  }\n\n  .fg09-core__radar::before,\n  .fg09-core__radar::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: rgba(234, 219, 200, 0.094);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .fg09-core__radar::before {\n    width: 100%;\n    height: 1px;\n  }\n\n  .fg09-core__radar::after {\n    width: 1px;\n    height: 100%;\n  }\n\n  .fg09-core__scan {\n    position: absolute;\n    z-index: 8;\n\n    top: 12%;\n    left: 10%;\n\n    width: 80%;\n    height: 2px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--fg09-cyan),\n      transparent\n    );\n\n    box-shadow:\n      0 0 14px rgba(234, 219, 200, 0.59);\n\n    opacity: 0.58;\n\n    animation:\n      fg09CoreScan 7.4s ease-in-out infinite;\n  }\n\n  .fg09-core__pivot {\n    position: absolute;\n    z-index: 10;\n\n    top: 50%;\n    left: 50%;\n\n    width: 18px;\n    height: 18px;\n\n    border: 1px solid rgba(234, 219, 200, 0.885);\n\n    background: rgba(234, 219, 200, 0.083);\n\n    transform:\n      translate3d(-50%, -50%, 105px)\n      rotate(45deg);\n\n    animation:\n      fg09PivotPulse 4.8s ease-in-out infinite;\n  }\n\n  .fg09-core__pivot::before,\n  .fg09-core__pivot::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    background: var(--fg09-cyan);\n\n    transform: translate(-50%, -50%);\n  }\n\n  .fg09-core__pivot::before {\n    width: 6px;\n    height: 1px;\n  }\n\n  .fg09-core__pivot::after {\n    width: 1px;\n    height: 6px;\n  }\n\n  .fg09-core__pivot span {\n    position: absolute;\n    inset: -13px;\n\n    border: 1px dashed rgba(234, 219, 200, 0.33);\n    border-radius: 50%;\n\n    animation:\n      fg09Radar 13s linear infinite;\n  }\n\n  .fg09-core__pivot i {\n    position: absolute;\n    inset: -27px;\n\n    border: 1px solid rgba(112, 43, 61, 0.15);\n    border-radius: 50%;\n  }\n\n  .fg09-pulse {\n    position: absolute;\n    z-index: 6;\n\n    top: 50%;\n    left: 50%;\n\n    width: 15%;\n    aspect-ratio: 1;\n\n    border: 1px solid rgba(234, 219, 200, 0.413);\n    border-radius: 50%;\n\n    transform: translate(-50%, -50%);\n\n    animation:\n      fg09PulseRing 5.5s ease-out infinite;\n  }\n\n  .fg09-pulse--02 {\n    animation-delay: -1.8s;\n  }\n\n  .fg09-pulse--03 {\n    animation-delay: -3.6s;\n  }\n\n  .fg09-particle {\n    position: absolute;\n\n    width: 3px;\n    height: 3px;\n\n    border-radius: 50%;\n\n    background: var(--fg09-cyan);\n    box-shadow: 0 0 7px var(--fg09-cyan);\n\n    animation:\n      fg09Particle 6.4s ease-in-out infinite;\n  }\n\n  .fg09-particle--01 {\n    top: 15%;\n    left: 23%;\n    animation-delay: -0.4s;\n  }\n\n  .fg09-particle--02 {\n    top: 27%;\n    right: 12%;\n    animation-delay: -1.7s;\n  }\n\n  .fg09-particle--03 {\n    right: 17%;\n    bottom: 18%;\n    animation-delay: -3.1s;\n  }\n\n  .fg09-particle--04 {\n    bottom: 10%;\n    left: 40%;\n    animation-delay: -1.1s;\n  }\n\n  .fg09-particle--05 {\n    top: 53%;\n    left: 5%;\n    animation-delay: -2.4s;\n  }\n\n  .fg09-particle--06 {\n    top: 7%;\n    left: 58%;\n\n    background: var(--fg09-violet);\n    box-shadow: 0 0 7px var(--fg09-violet);\n\n    animation-delay: -3.8s;\n  }\n\n  .fg09-particle--07 {\n    right: 3%;\n    bottom: 43%;\n\n    background: var(--fg09-blue);\n    box-shadow: 0 0 7px var(--fg09-blue);\n\n    animation-delay: -4.7s;\n  }\n\n  .fg09-core-marker {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.496);\n\n    font-size: 7px;\n    letter-spacing: 0.13em;\n  }\n\n  .fg09-core-marker::before {\n    content: \"\";\n\n    display: inline-block;\n\n    width: 17px;\n    height: 1px;\n    margin-right: 7px;\n\n    vertical-align: middle;\n\n    background: rgba(234, 219, 200, 0.26);\n  }\n\n  .fg09-core-marker--01 {\n    top: 18%;\n    left: 0;\n  }\n\n  .fg09-core-marker--02 {\n    top: 34%;\n    right: -3%;\n  }\n\n  .fg09-core-marker--03 {\n    bottom: 17%;\n    left: 2%;\n  }\n\n  .fg09-core-marker--04 {\n    right: 0;\n    bottom: 25%;\n  }\n\n  .fg09-core-caption {\n    position: absolute;\n\n    bottom: 3%;\n    left: 50%;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n\n    white-space: nowrap;\n\n    transform: translateX(-50%);\n  }\n\n  .fg09-core-caption span {\n    color: rgba(234, 219, 200, 0.425);\n\n    font-size: 7px;\n    letter-spacing: 0.24em;\n  }\n\n  .fg09-core-caption strong {\n    color: var(--fg09-cyan);\n\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.21em;\n\n    text-shadow:\n      0 0 10px rgba(234, 219, 200, 0.378);\n  }\n\n  .fg09-panel--matrix {\n    --fg09-shift-x: -7px;\n    --fg09-shift-y: 5px;\n\n    left: 3.5%;\n    bottom: 10%;\n\n    width: clamp(250px, 22vw, 350px);\n    padding: 14px 16px;\n  }\n\n  .fg09-matrix {\n    display: grid;\n    gap: 7px;\n\n    margin-top: 12px;\n  }\n\n  .fg09-matrix > div {\n    display: grid;\n    grid-template-columns: 84px 1fr 22px;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .fg09-matrix span,\n  .fg09-matrix strong {\n    color: rgba(234, 219, 200, 0.519);\n\n    font-size: 7px;\n    font-weight: 500;\n    letter-spacing: 0.06em;\n  }\n\n  .fg09-matrix strong {\n    color: var(--fg09-cyan);\n    text-align: right;\n  }\n\n  .fg09-matrix i {\n    position: relative;\n\n    display: block;\n\n    height: 2px;\n\n    overflow: hidden;\n\n    background: rgba(234, 219, 200, 0.106);\n  }\n\n  .fg09-matrix i::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0 auto 0 0;\n\n    width: var(--fg09-level);\n\n    background: linear-gradient(\n      90deg,\n      var(--fg09-violet),\n      var(--fg09-cyan)\n    );\n\n    transform-origin: left;\n\n    animation:\n      fg09Bar 3s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .fg09-panel--network {\n    --fg09-shift-x: 7px;\n    --fg09-shift-y: 5px;\n\n    right: 3.5%;\n    bottom: 10%;\n\n    width: clamp(235px, 21vw, 325px);\n    padding: 14px 16px;\n  }\n\n  .fg09-network {\n    position: relative;\n\n    height: 96px;\n    margin: 8px 0 6px;\n  }\n\n  .fg09-network::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 50px;\n    height: 50px;\n\n    border: 1px solid rgba(234, 219, 200, 0.189);\n    border-radius: 50%;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .fg09-network b {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    color: var(--fg09-white);\n\n    font-size: 6px;\n    font-weight: 500;\n    letter-spacing: 0.06em;\n\n    transform: translate(-50%, -50%);\n  }\n\n  .fg09-network-node {\n    position: absolute;\n    z-index: 2;\n\n    width: 6px;\n    height: 6px;\n\n    border: 1px solid var(--fg09-cyan);\n    border-radius: 50%;\n\n    background: rgba(234, 219, 200, 0.236);\n    box-shadow: 0 0 8px rgba(234, 219, 200, 0.401);\n  }\n\n  .fg09-network-node--core {\n    top: calc(50% - 3px);\n    left: calc(50% - 3px);\n  }\n\n  .fg09-network-node--01 {\n    top: 46%;\n    left: 4%;\n  }\n\n  .fg09-network-node--02 {\n    top: 7%;\n    left: 27%;\n  }\n\n  .fg09-network-node--03 {\n    top: 8%;\n    right: 14%;\n  }\n\n  .fg09-network-node--04 {\n    right: 7%;\n    bottom: 10%;\n  }\n\n  .fg09-network-node--05 {\n    bottom: 4%;\n    left: 22%;\n  }\n\n  .fg09-network-node--06 {\n    top: 18%;\n    left: 52%;\n  }\n\n  .fg09-network-link {\n    position: absolute;\n    z-index: 1;\n\n    top: 50%;\n    left: 50%;\n\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      rgba(234, 219, 200, 0.496),\n      rgba(234, 219, 200, 0.035)\n    );\n\n    transform-origin: left center;\n  }\n\n  .fg09-network-link--01 {\n    width: 46%;\n    transform: rotate(180deg);\n  }\n\n  .fg09-network-link--02 {\n    width: 35%;\n    transform: rotate(-133deg);\n  }\n\n  .fg09-network-link--03 {\n    width: 38%;\n    transform: rotate(-38deg);\n  }\n\n  .fg09-network-link--04 {\n    width: 42%;\n    transform: rotate(32deg);\n  }\n\n  .fg09-network-link--05 {\n    width: 37%;\n    transform: rotate(139deg);\n  }\n\n  .fg09-network-link--06 {\n    width: 31%;\n    transform: rotate(-86deg);\n  }\n\n  .fg09-network-label {\n    position: absolute;\n\n    color: rgba(234, 219, 200, 0.401);\n\n    font-size: 5px;\n    letter-spacing: 0.05em;\n  }\n\n  .fg09-network-label--01 {\n    top: 57%;\n    left: 1%;\n  }\n\n  .fg09-network-label--02 {\n    top: 0;\n    left: 20%;\n  }\n\n  .fg09-network-label--03 {\n    top: 1%;\n    right: 4%;\n  }\n\n  .fg09-timeline {\n    position: absolute;\n    z-index: 7;\n\n    right: 21%;\n    bottom: 4%;\n    left: 21%;\n\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    gap: 22px;\n  }\n\n  .fg09-timeline__label {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .fg09-timeline__label span {\n    color: rgba(234, 219, 200, 0.354);\n\n    font-size: 7px;\n    letter-spacing: 0.15em;\n  }\n\n  .fg09-timeline__label strong {\n    color: rgba(234, 219, 200, 0.791);\n\n    font-size: 8px;\n    font-weight: 500;\n    letter-spacing: 0.14em;\n  }\n\n  .fg09-timeline__track {\n    position: relative;\n\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .fg09-timeline__track::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 3px;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: rgba(234, 219, 200, 0.142);\n  }\n\n  .fg09-timeline__progress {\n    position: absolute;\n    z-index: 1;\n\n    top: 3px;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: var(--fg09-cyan);\n    box-shadow: 0 0 7px var(--fg09-cyan);\n  }\n\n  .fg09-timeline__track span {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n\n    color: rgba(234, 219, 200, 0.33);\n\n    font-size: 4.7px;\n    letter-spacing: 0.025em;\n  }\n\n  .fg09-timeline__track i {\n    width: 7px;\n    height: 7px;\n\n    border: 1px solid rgba(234, 219, 200, 0.271);\n    border-radius: 50%;\n\n    background: rgba(18, 7, 10, 0.9);\n  }\n\n  .fg09-timeline__track .is-active {\n    color: var(--fg09-cyan);\n  }\n\n  .fg09-timeline__track .is-active i {\n    border-color: var(--fg09-cyan);\n\n    background: var(--fg09-cyan);\n    box-shadow: 0 0 9px var(--fg09-cyan);\n  }\n\n  .fg09-timeline__track .is-complete {\n    color: rgba(234, 219, 200, 0.684);\n  }\n\n  .fg09-timeline__track .is-complete i {\n    border-color: rgba(234, 219, 200, 0.767);\n\n    background: rgba(234, 219, 200, 0.295);\n  }\n\n  .fg09-microtext {\n    position: absolute;\n    z-index: 2;\n\n    color: rgba(234, 219, 200, 0.236);\n\n    font-family: monospace;\n    font-size: 7px;\n    line-height: 1.8;\n    letter-spacing: 0.1em;\n\n    pointer-events: none;\n  }\n\n  .fg09-microtext--left {\n    top: 31%;\n    left: 1.7%;\n\n    writing-mode: vertical-rl;\n\n    transform: rotate(180deg);\n  }\n\n  .fg09-microtext--right {\n    top: 29%;\n    right: 1.6%;\n\n    text-align: right;\n    writing-mode: vertical-rl;\n  }\n\n  @keyframes fg09Blink {\n    0%,\n    100% {\n      opacity: 0.35;\n      transform: scale(0.85);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes fg09PanelScan {\n    from {\n      top: -20%;\n    }\n\n    to {\n      top: 120%;\n    }\n  }\n\n  @keyframes fg09Progress {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes fg09Bar {\n    from {\n      transform: scaleX(0);\n    }\n\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes fg09Radar {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes fg09OrbitOne {\n    from {\n      transform:\n        rotateX(68deg)\n        rotateZ(14deg);\n    }\n\n    to {\n      transform:\n        rotateX(68deg)\n        rotateZ(374deg);\n    }\n  }\n\n  @keyframes fg09OrbitTwo {\n    from {\n      transform:\n        rotateY(69deg)\n        rotateZ(32deg);\n    }\n\n    to {\n      transform:\n        rotateY(69deg)\n        rotateZ(392deg);\n    }\n  }\n\n  @keyframes fg09OrbitThree {\n    from {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(0deg);\n    }\n\n    to {\n      transform:\n        rotateX(56deg)\n        rotateY(44deg)\n        rotateZ(360deg);\n    }\n  }\n\n  @keyframes fg09CoreScan {\n    0%,\n    100% {\n      top: 12%;\n      opacity: 0.18;\n    }\n\n    50% {\n      top: 85%;\n      opacity: 0.7;\n    }\n  }\n\n  @keyframes fg09SealPulse {\n    0%,\n    100% {\n      opacity: 0.64;\n      transform: scale(0.992);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1.008);\n    }\n  }\n\n  @keyframes fg09PivotPulse {\n    0%,\n    100% {\n      opacity: 0.64;\n\n      transform:\n        translate3d(-50%, -50%, 105px)\n        rotate(45deg)\n        scale(0.9);\n    }\n\n    50% {\n      opacity: 1;\n\n      transform:\n        translate3d(-50%, -50%, 112px)\n        rotate(45deg)\n        scale(1.06);\n    }\n  }\n\n  @keyframes fg09PulseRing {\n    0% {\n      opacity: 0.5;\n\n      transform:\n        translate(-50%, -50%)\n        scale(0.7);\n    }\n\n    100% {\n      opacity: 0;\n\n      transform:\n        translate(-50%, -50%)\n        scale(4.2);\n    }\n  }\n\n  @keyframes fg09Particle {\n    0%,\n    100% {\n      opacity: 0.18;\n\n      transform:\n        translate3d(0, 6px, 30px)\n        scale(0.7);\n    }\n\n    50% {\n      opacity: 0.9;\n\n      transform:\n        translate3d(5px, -7px, 84px)\n        scale(1.08);\n    }\n  }\n\n  .fg09-hud.is-fg09-paused *,\n  .fg09-hud.is-fg09-paused *::before,\n  .fg09-hud.is-fg09-paused *::after {\n    animation-play-state: paused !important;\n  }\n\n  @media (max-width: 1100px) {\n    .fg09-hud {\n      min-height: 900px;\n    }\n\n    .fg09-core-stage {\n      top: 45%;\n\n      width: clamp(325px, 43vw, 490px);\n    }\n\n    .fg09-panel--title {\n      top: 45%;\n      left: 3%;\n\n      width: 29vw;\n    }\n\n    .fg09-title-main {\n      font-size: clamp(24px, 2.8vw, 39px);\n    }\n\n    .fg09-title-accent {\n      font-size: clamp(22px, 2.5vw, 35px);\n    }\n\n    .fg09-panel--approval {\n      top: 43%;\n      right: 3%;\n\n      width: 32vw;\n    }\n\n    .fg09-panel--matrix,\n    .fg09-panel--network {\n      bottom: 8%;\n\n      width: 27vw;\n    }\n\n    .fg09-timeline {\n      right: 29%;\n      left: 29%;\n\n      display: block;\n    }\n\n    .fg09-timeline__label {\n      display: none;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .fg09-hud {\n      width: 100%;\n      max-width: 100%;\n      min-height: 1140px;\n\n      overflow: hidden;\n\n      perspective: 900px;\n    }\n\n    .fg09-topbar {\n      top: 15px;\n      left: 10px;\n      right: 10px;\n\n      gap: 8px;\n\n      font-size: 4.9px;\n      letter-spacing: 0.05em;\n    }\n\n    .fg09-topbar__center,\n    .fg09-microtext {\n      display: none;\n    }\n\n    .fg09-topbar > span:first-child,\n    .fg09-online {\n      white-space: nowrap;\n    }\n\n    .fg09-panel {\n      padding: 11px;\n\n      text-align: left;\n\n      transform: none !important;\n    }\n\n    .fg09-panel::before {\n      display: none;\n    }\n\n    .fg09-panel__corners {\n      inset: 5px;\n    }\n\n    .fg09-panel__meta,\n    .fg09-panel__footer,\n    .fg09-progress__label,\n    .fg09-data-row,\n    .fg09-title-data,\n    .fg09-mini-header,\n    .fg09-network-footer {\n      gap: 5px;\n\n      font-size: 4.8px;\n      line-height: 1.25;\n      letter-spacing: 0.04em;\n    }\n\n    .fg09-panel--title {\n      top: 58px;\n      left: 10px;\n      right: 10px;\n\n      width: auto;\n      height: 145px;\n\n      padding: 14px 16px;\n    }\n\n    .fg09-panel__index {\n      margin-bottom: 11px;\n\n      font-size: 6px;\n      letter-spacing: 0.1em;\n    }\n\n    .fg09-panel__index strong {\n      font-size: 6px;\n    }\n\n    .fg09-kicker {\n      margin-bottom: 4px;\n\n      font-size: 6.2px;\n      letter-spacing: 0.15em;\n    }\n\n    .fg09-title-main {\n      font-size: clamp(22px, 7vw, 31px);\n      letter-spacing: 0.045em;\n    }\n\n    .fg09-title-accent {\n      margin-top: 5px;\n\n      font-size: clamp(21px, 6.5vw, 29px);\n      letter-spacing: 0.025em;\n    }\n\n    .fg09-title-line {\n      margin: 11px 0 7px;\n    }\n\n    .fg09-panel--step {\n      top: 218px;\n      left: 10px;\n\n      width: 36%;\n      height: 156px;\n\n      padding: 10px;\n    }\n\n    .fg09-step-display {\n      gap: 5px;\n\n      margin: 10px 0 7px;\n    }\n\n    .fg09-step-digit {\n      height: 82px;\n    }\n\n    .fg09-step-digit > span {\n      font-size: clamp(43px, 13vw, 60px);\n    }\n\n    .fg09-step-digit > b {\n      bottom: 5px;\n      left: 5px;\n\n      font-size: 4px;\n      letter-spacing: 0.1em;\n    }\n\n    .fg09-step-digit > i {\n      right: 4px;\n    }\n\n    .fg09-panel--status {\n      top: 218px;\n      right: 10px;\n\n      width: calc(64% - 30px);\n      min-height: 183px;\n\n      padding: 11px;\n    }\n\n    .fg09-status-heading {\n      margin: 13px 0 12px;\n    }\n\n    .fg09-status-heading > span {\n      margin-bottom: 5px;\n\n      font-size: 5.2px;\n      letter-spacing: 0.08em;\n    }\n\n    .fg09-status-heading strong {\n      font-size: clamp(13px, 4vw, 18px);\n      letter-spacing: 0.025em;\n    }\n\n    .fg09-status-heading em {\n      margin-top: 4px;\n\n      font-size: 0.48em;\n      letter-spacing: 0;\n    }\n\n    .fg09-progress {\n      margin-bottom: 10px;\n    }\n\n    .fg09-core-stage {\n      top: 548px;\n      left: 50%;\n\n      width: min(79vw, 318px);\n\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .fg09-core {\n      transform:\n        translate3d(-50%, -50%, 65px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .fg09-core-marker {\n      font-size: 4.2px;\n    }\n\n    .fg09-core-caption span {\n      font-size: 4.8px;\n    }\n\n    .fg09-core-caption strong {\n      font-size: 5.7px;\n      letter-spacing: 0.1em;\n    }\n\n    .fg09-panel--approval {\n      top: 710px;\n      left: 10px;\n      right: auto;\n\n      width: 58%;\n      min-height: 270px;\n\n      padding: 13px;\n    }\n\n    .fg09-approval__header {\n      gap: 7px;\n    }\n\n    .fg09-approval__header span {\n      font-size: 5px;\n      letter-spacing: 0.055em;\n    }\n\n    .fg09-approval__header small {\n      font-size: 4.2px;\n      letter-spacing: 0.02em;\n    }\n\n    .fg09-approval__heading {\n      margin: 12px 0 9px;\n    }\n\n    .fg09-approval__heading span {\n      font-size: clamp(11px, 3.2vw, 15px);\n      letter-spacing: 0.025em;\n    }\n\n    .fg09-approval__heading strong {\n      margin-top: 4px;\n\n      font-size: clamp(16px, 4.7vw, 21px);\n      letter-spacing: 0.02em;\n    }\n\n    .fg09-panel--approval p {\n      margin-bottom: 12px;\n\n      font-size: 7.85px;\n      line-height: 1.4;\n      letter-spacing: 0;\n    }\n\n    .fg09-approval__tags {\n      gap: 4px;\n\n      max-width: calc(100% - 29px);\n    }\n\n    .fg09-approval__tags span {\n      padding: 4px 5px;\n\n      font-size: 4px;\n      letter-spacing: 0.005em;\n    }\n\n    .fg09-approval__scanner {\n      right: 8px;\n      bottom: 8px;\n\n      width: 27px;\n      height: 27px;\n    }\n\n    .fg09-panel--matrix {\n      top: 710px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(42% - 30px);\n      height: 127px;\n\n      padding: 9px;\n    }\n\n    .fg09-matrix {\n      gap: 4px;\n\n      margin-top: 8px;\n    }\n\n    .fg09-matrix > div {\n      grid-template-columns: 39px 1fr 12px;\n      gap: 4px;\n    }\n\n    .fg09-matrix span,\n    .fg09-matrix strong {\n      font-size: 3.8px;\n      letter-spacing: 0;\n    }\n\n    .fg09-panel--network {\n      top: 849px;\n      right: 10px;\n      bottom: auto;\n      left: auto;\n\n      width: calc(42% - 30px);\n      height: 131px;\n\n      padding: 9px;\n    }\n\n    .fg09-network {\n      height: 78px;\n\n      margin: 6px 0 0;\n    }\n\n    .fg09-network::before {\n      width: 34px;\n      height: 34px;\n    }\n\n    .fg09-network b {\n      font-size: 3.7px;\n      letter-spacing: 0;\n    }\n\n    .fg09-network-node {\n      width: 5px;\n      height: 5px;\n    }\n\n    .fg09-network-label {\n      font-size: 3.3px;\n      letter-spacing: 0;\n    }\n\n    .fg09-network-footer {\n      display: none;\n    }\n\n    .fg09-timeline {\n      right: 8px;\n      bottom: 25px;\n      left: 8px;\n\n      display: block;\n    }\n\n    .fg09-timeline__label {\n      display: none;\n    }\n\n    .fg09-timeline__track span {\n      gap: 7px;\n\n      font-size: 2.65px;\n      letter-spacing: 0;\n    }\n\n    .fg09-timeline__track i {\n      width: 6px;\n      height: 6px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .fg09-hud {\n      min-height: 1170px;\n    }\n\n    .fg09-title-main {\n      font-size: clamp(21px, 6.6vw, 27px);\n    }\n\n    .fg09-title-accent {\n      font-size: clamp(20px, 6.2vw, 25px);\n    }\n\n    .fg09-panel--step {\n      width: 38%;\n    }\n\n    .fg09-panel--status {\n      width: calc(62% - 30px);\n    }\n\n    .fg09-step-digit {\n      height: 78px;\n    }\n\n    .fg09-step-digit > span {\n      font-size: clamp(40px, 12vw, 53px);\n    }\n\n    .fg09-status-heading em {\n      font-size: 0.42em;\n    }\n\n    .fg09-data-row strong {\n      font-size: 6px;\n    }\n\n    .fg09-core-stage {\n      width: min(80vw, 292px);\n    }\n\n    .fg09-panel--approval {\n      width: 60%;\n    }\n\n    .fg09-panel--matrix,\n    .fg09-panel--network {\n      width: calc(40% - 26px);\n    }\n\n    .fg09-panel--approval p {\n      font-size: 7.45px;\n    }\n\n    .fg09-approval__heading strong {\n      font-size: clamp(14px, 4.15vw, 17px);\n    }\n\n    .fg09-matrix span,\n    .fg09-matrix strong {\n      font-size: 3.5px;\n    }\n\n    .fg09-timeline__track span {\n      font-size: 2.35px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .fg09-hud *,\n    .fg09-hud *::before,\n    .fg09-hud *::after {\n      animation-duration: 0.001ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.001ms !important;\n    }\n\n    .fg09-core-stage {\n      transform:\n        translate3d(-50%, -50%, 0)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n\n    .fg09-core {\n      transform:\n        translate3d(-50%, -50%, 70px)\n        rotateX(0deg)\n        rotateY(0deg);\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BIOTECH COMMUNICATION NODE CHANNEL 01 SYSTEM ONLINE PROCESS SEQUENCE 01 \/ 06 0 BASE 1 LIVE ORIGIN NODE ACTIVE MODULE ENTRY.01 ENTRY POINT CLIENT CONTACT INPUT \/ HUMAN STATUS \/ RECEIVED A1 B7 C4 CONTACT SIGNAL ACQUIRED SESSION STATE 00:01:24 INITIAL CLIENT REQUEST SIGNAL INTEGRITY 98.4% CONTACT NODE OPEN REQUEST TYPE GENERAL CLIENT INPUT RAW [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-95","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/comments?post=95"}],"version-history":[{"count":26,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages\/95\/revisions"}],"predecessor-version":[{"id":1522,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages\/95\/revisions\/1522"}],"wp:attachment":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/media?parent=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}