:root {
      --accent: hsl(197 100% 70%);
      --sweep-duration: 6.1s;
      --sweep-start: 0%;
      --sweep-end: 100%;
    }

    html, body {
      margin: 0;
      padding: 0;
      width: 100%;
      min-height: 100vh;
      overflow-x: hidden;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }

    body {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      background: radial-gradient(ellipse 90% 60% at 50% 20%, #040817 0%, #000 80%);
      color: #fff;
    }

    .hero-header {
      width: 100%;
      display: flex;
      justify-content: center;
      padding-top: 12px;
      padding-bottom: 12px;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      background: rgba(4, 8, 23, 0.85);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(197, 235, 255, 0.12);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 85, 255, 0.1);
      box-sizing: border-box;
    }

    .stage {
      position: relative;
      width: 96vw;
      height: 170px;
    }

    .rail, .flare > div {
      position: absolute;
      top: 50%;
      mix-blend-mode: screen;
    }

    .rail {
      left: 0;
      width: 100%;
      height: 2px;
      transform: translateY(-50%);
      background: linear-gradient(90deg, transparent 0%, var(--accent) 22%, var(--accent) 78%, transparent 100%);
      filter: blur(0.6px);
      opacity: 0.9;
    }

    .flare {
      position: absolute;
      top: 50%;
      left: var(--sweep-start);
      width: 0;
      height: 0;
      animation: sweep var(--sweep-duration) linear infinite;
    }

    .flare > div {
      left: 0;
      transform: translate(-50%, -50%);
    }

    .glow {
      width: 17.3vw;
      height: 30px;
      background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(255, 255, 255, 0.7) 0%, var(--accent) 18%, transparent 60%);
      filter: blur(12px);
      opacity: 0.4;
    }

    .streak {
      width: 25.9vw;
      height: 5px;
      background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, var(--accent) 14%, color-mix(in srgb, var(--accent) 55%, transparent) 38%, color-mix(in srgb, var(--accent) 22%, transparent) 62%, transparent 82%);
      filter: blur(2px);
      opacity: 0.9;
    }

    .hot {
      width: 79px;
      height: 16px;
      background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%);
      filter: blur(3px);
      opacity: 0.9;
      animation: hot-blue-flash var(--sweep-duration) linear infinite;
    }

    @keyframes hot-blue-flash {
      0%, 4.5%, 15.5%, 24.5%, 35.5%, 44.5%, 55.5%, 64.5%, 75.5%, 84.5%, 95.5%, 100% {
        background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%);
        filter: blur(3px);
      }
      7%  { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }
      8%  { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      9%  { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0044ff 0%, #0066ff 22%, #0022cc 42%, color-mix(in srgb, #0044ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 16px #0044ff); }
      10% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      11% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }
      12% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      13% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }

      27% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }
      28% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      29% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0044ff 0%, #0066ff 22%, #0022cc 42%, color-mix(in srgb, #0044ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 16px #0044ff); }
      30% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      31% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }
      32% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      33% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }

      47% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }
      48% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      49% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0044ff 0%, #0066ff 22%, #0022cc 42%, color-mix(in srgb, #0044ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 16px #0044ff); }
      50% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      51% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }
      52% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      53% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }

      67% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }
      68% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      69% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0044ff 0%, #0066ff 22%, #0022cc 42%, color-mix(in srgb, #0044ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 16px #0044ff); }
      70% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      71% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }
      72% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      73% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }

      87% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }
      88% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      89% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0044ff 0%, #0066ff 22%, #0022cc 42%, color-mix(in srgb, #0044ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 16px #0044ff); }
      90% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      91% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }
      92% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #ffffff 0%, #ffffff 5%, var(--accent) 22%, color-mix(in srgb, var(--accent) 50%, transparent) 45%, color-mix(in srgb, var(--accent) 20%, transparent) 68%, transparent 88%); filter: blur(3px); }
      93% { background: radial-gradient(ellipse 50% 50% at 50% 50%, #0055ff 0%, #0066ff 18%, #0033cc 38%, color-mix(in srgb, #0055ff 60%, transparent) 60%, transparent 88%); filter: blur(2px) drop-shadow(0 0 14px #0055ff); }
    }

    @keyframes sweep {
      0% { left: var(--sweep-start); opacity: 0; transform: scale(0.1); }
      2% { opacity: 1; transform: scale(1); }
      5% { left: 6%; } 15% { left: 14%; }
      25% { left: 26%; } 35% { left: 34%; }
      45% { left: 46%; } 55% { left: 54%; }
      65% { left: 66%; } 75% { left: 74%; }
      85% { left: 86%; } 95% { left: 94%; }
      98% { opacity: 1; transform: scale(1); }
      100% { left: var(--sweep-end); opacity: 0; transform: scale(0.1); }
    }

    .ll-node {
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 28px;
      text-decoration: none;
      user-select: none;
      pointer-events: auto;
      cursor: pointer;
      opacity: 0.40;
      mix-blend-mode: screen;
      transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .ll-icon { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; color: var(--accent); }
    .ll-icon svg { width: 100%; height: 100%; }

    .ll-label {
      white-space: nowrap;
      font-size: clamp(0.72rem, 1.3vw, 0.92rem);
      font-weight: 700;
      letter-spacing: 0.22em;
      text-indent: 0.22em;
      background: linear-gradient(180deg, #ffffff 0%, var(--accent) 70%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .ll-node:hover, .ll-node.active {
      opacity: 1 !important;
      filter: blur(0px) drop-shadow(0 0 12px var(--accent)) drop-shadow(0 0 24px #0055ff) !important;
      transform: translate(-50%, -50%) scale(1.15) !important;
    }

    .ll-node-1 { left: 10%; animation: ll-illuminate-1 var(--sweep-duration) linear infinite; }
    .ll-node-2 { left: 30%; animation: ll-illuminate-2 var(--sweep-duration) linear infinite; }
    .ll-node-3 { left: 50%; animation: ll-illuminate-3 var(--sweep-duration) linear infinite; }
    .ll-node-4 { left: 70%; animation: ll-illuminate-4 var(--sweep-duration) linear infinite; }
    .ll-node-5 { left: 90%; animation: ll-illuminate-5 var(--sweep-duration) linear infinite; }

    @media (max-width: 768px) {
      .hero-header {
        padding-top: 5px;
      }
      .stage {
        height: 120px;
      }
      .hero-body {
        margin-top: 0.5rem;
      }
      .ll-label {
        font-size: 0.68rem;
        letter-spacing: 0.10em;
        text-indent: 0.10em;
      }
      .ll-node:nth-of-type(odd) .ll-label {
        transform: translateY(-8px);
      }
      .ll-node:nth-of-type(even) .ll-label {
        transform: translateY(12px);
      }
    }

    @keyframes ll-illuminate-1 {
      0%, 3% { opacity: 0.40; filter: blur(1.2px) drop-shadow(0 0 2px rgba(197, 235, 255, 0.2)); transform: translate(-50%, -50%) scale(0.95); }
      5%, 6%, 8%, 10%, 12%, 14%, 15% { opacity: 1; filter: blur(0px) drop-shadow(0 0 10px var(--accent)) drop-shadow(0 0 22px var(--accent)); transform: translate(-50%, -50%) scale(1.08); }
      7%, 9%, 11%, 13% { opacity: 1; filter: blur(0px) drop-shadow(0 0 16px #0055ff) drop-shadow(0 0 28px #0066ff) drop-shadow(0 0 34px var(--accent)); transform: translate(-50%, -50%) scale(1.14); }
      17%, 100% { opacity: 0.40; filter: blur(1.2px) drop-shadow(0 0 2px rgba(197, 235, 255, 0.2)); transform: translate(-50%, -50%) scale(0.95); }
    }

    @keyframes ll-illuminate-2 {
      0%, 23% { opacity: 0.40; filter: blur(1.2px) drop-shadow(0 0 2px rgba(197, 235, 255, 0.2)); transform: translate(-50%, -50%) scale(0.95); }
      25%, 26%, 28%, 30%, 32%, 34%, 35% { opacity: 1; filter: blur(0px) drop-shadow(0 0 10px var(--accent)) drop-shadow(0 0 22px var(--accent)); transform: translate(-50%, -50%) scale(1.08); }
      27%, 29%, 31%, 33% { opacity: 1; filter: blur(0px) drop-shadow(0 0 16px #0055ff) drop-shadow(0 0 28px #0066ff) drop-shadow(0 0 34px var(--accent)); transform: translate(-50%, -50%) scale(1.14); }
      37%, 100% { opacity: 0.40; filter: blur(1.2px) drop-shadow(0 0 2px rgba(197, 235, 255, 0.2)); transform: translate(-50%, -50%) scale(0.95); }
    }

    @keyframes ll-illuminate-3 {
      0%, 43% { opacity: 0.40; filter: blur(1.2px) drop-shadow(0 0 2px rgba(197, 235, 255, 0.2)); transform: translate(-50%, -50%) scale(0.95); }
      45%, 46%, 48%, 50%, 52%, 54%, 55% { opacity: 1; filter: blur(0px) drop-shadow(0 0 10px var(--accent)) drop-shadow(0 0 22px var(--accent)); transform: translate(-50%, -50%) scale(1.08); }
      47%, 49%, 51%, 53% { opacity: 1; filter: blur(0px) drop-shadow(0 0 16px #0055ff) drop-shadow(0 0 28px #0066ff) drop-shadow(0 0 34px var(--accent)); transform: translate(-50%, -50%) scale(1.14); }
      57%, 100% { opacity: 0.40; filter: blur(1.2px) drop-shadow(0 0 2px rgba(197, 235, 255, 0.2)); transform: translate(-50%, -50%) scale(0.95); }
    }

    @keyframes ll-illuminate-4 {
      0%, 63% { opacity: 0.40; filter: blur(1.2px) drop-shadow(0 0 2px rgba(197, 235, 255, 0.2)); transform: translate(-50%, -50%) scale(0.95); }
      65%, 66%, 68%, 70%, 72%, 74%, 75% { opacity: 1; filter: blur(0px) drop-shadow(0 0 10px var(--accent)) drop-shadow(0 0 22px var(--accent)); transform: translate(-50%, -50%) scale(1.08); }
      67%, 69%, 71%, 73% { opacity: 1; filter: blur(0px) drop-shadow(0 0 16px #0055ff) drop-shadow(0 0 28px #0066ff) drop-shadow(0 0 34px var(--accent)); transform: translate(-50%, -50%) scale(1.14); }
      77%, 100% { opacity: 0.40; filter: blur(1.2px) drop-shadow(0 0 2px rgba(197, 235, 255, 0.2)); transform: translate(-50%, -50%) scale(0.95); }
    }

    @keyframes ll-illuminate-5 {
      0%, 83% { opacity: 0.40; filter: blur(1.2px) drop-shadow(0 0 2px rgba(197, 235, 255, 0.2)); transform: translate(-50%, -50%) scale(0.95); }
      85%, 86%, 88%, 90%, 92%, 94%, 95% { opacity: 1; filter: blur(0px) drop-shadow(0 0 10px var(--accent)) drop-shadow(0 0 22px var(--accent)); transform: translate(-50%, -50%) scale(1.08); }
      87%, 89%, 91%, 93% { opacity: 1; filter: blur(0px) drop-shadow(0 0 16px #0055ff) drop-shadow(0 0 28px #0066ff) drop-shadow(0 0 34px var(--accent)); transform: translate(-50%, -50%) scale(1.14); }
      97%, 100% { opacity: 0.40; filter: blur(1.2px) drop-shadow(0 0 2px rgba(197, 235, 255, 0.2)); transform: translate(-50%, -50%) scale(0.95); }
    }