#mneo-auto-explorer,
    #mneo-auto-explorer * { box-sizing: border-box; }

    #mneo-auto-explorer {
      --mneo-ink: #111318;
      --mneo-muted: #68707c;
      --mneo-yellow: #f5b800;
      --mneo-line: #e8eaed;
      --mneo-soft: #f7f8fa;
      width: 100%;
      overflow: hidden;
      color: var(--mneo-ink);
      background: #fff;
      border: 1px solid var(--mneo-line);
      border-radius: 28px;
      box-shadow: 0 22px 70px rgba(17, 19, 24, .08);
      font-family: inherit;
    }

    #mneo-auto-explorer a { color: inherit; text-decoration: none; }

    #mneo-auto-explorer .mneo-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 28px;
      padding: clamp(24px, 4vw, 52px) clamp(20px, 5vw, 64px) 20px;
    }

    #mneo-auto-explorer .mneo-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin: 0 0 10px;
      color: #755a00;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    #mneo-auto-explorer .mneo-eyebrow::before {
      width: 24px;
      height: 3px;
      border-radius: 99px;
      background: var(--mneo-yellow);
      content: "";
    }

    #mneo-auto-explorer h2 {
      max-width: 760px;
      margin: 0;
      color: var(--mneo-ink);
      font-size: clamp(30px, 4.2vw, 60px);
      font-weight: 800;
      letter-spacing: -.045em;
      line-height: 1.02;
    }

    #mneo-auto-explorer .mneo-lead {
      max-width: 680px;
      margin: 14px 0 0;
      color: var(--mneo-muted);
      font-size: clamp(15px, 1.5vw, 18px);
      line-height: 1.65;
    }

    #mneo-auto-explorer .mneo-guide {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 6px;
      padding: 11px 15px;
      color: #3f3300;
      background: #fff8d9;
      border: 1px solid #f7df76;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 750;
      white-space: nowrap;
    }

    #mneo-auto-explorer .mneo-guide-dot {
      position: relative;
      width: 12px;
      height: 12px;
      background: var(--mneo-yellow);
      border: 3px solid #fff;
      border-radius: 50%;
      box-shadow: 0 0 0 2px var(--mneo-yellow);
    }

    #mneo-auto-explorer .mneo-stage-scroll {
      position: relative;
      width: 100%;
      overflow: hidden;
      scrollbar-color: var(--mneo-yellow) #eceff2;
      scrollbar-width: thin;
    }

    #mneo-auto-explorer .mneo-scene {
      position: relative;
      width: 100%;
      min-width: 720px;
      aspect-ratio: 1536 / 1024;
      background: #fff;
      isolation: isolate;
    }

    #mneo-auto-explorer .mneo-scene::after {
      position: absolute;
      z-index: 1;
      inset: auto 6% 2% 6%;
      height: 12%;
      background: radial-gradient(ellipse, rgba(17, 19, 24, .10), transparent 70%);
      filter: blur(15px);
      pointer-events: none;
      content: "";
    }

    #mneo-auto-explorer .mneo-scene-img {
      position: absolute;
      z-index: 2;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    #mneo-auto-explorer .mneo-hotspot {
      --spot-x: 50%;
      --spot-y: 50%;
      position: absolute;
      z-index: 5;
      top: var(--spot-y);
      left: var(--spot-x);
      width: 38px;
      height: 38px;
      color: #17191d;
      background: var(--mneo-yellow);
      border: 3px solid #fff;
      border-radius: 50%;
      box-shadow: 0 8px 22px rgba(17, 19, 24, .24), 0 0 0 1px rgba(17, 19, 24, .12);
      cursor: pointer;
      transform: translate(-50%, -50%);
      transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
    }

    #mneo-auto-explorer .mneo-hotspot::before {
      position: absolute;
      inset: -9px;
      border: 2px solid rgba(245, 184, 0, .55);
      border-radius: inherit;
      animation: mneo-auto-pulse 2.2s ease-out infinite;
      content: "";
    }

    #mneo-auto-explorer .mneo-hotspot::after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 12px;
      height: 2px;
      background: currentColor;
      border-radius: 9px;
      transform: translate(-50%, -50%);
      content: "";
    }

    #mneo-auto-explorer .mneo-plus {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 2px;
      height: 12px;
      background: currentColor;
      border-radius: 9px;
      transform: translate(-50%, -50%);
    }

    #mneo-auto-explorer .mneo-hotspot:hover,
    #mneo-auto-explorer .mneo-hotspot:focus-visible {
      z-index: 20;
      background: #ffd649;
      outline: none;
      transform: translate(-50%, -50%) scale(1.12);
      box-shadow: 0 10px 28px rgba(17, 19, 24, .30), 0 0 0 5px rgba(245, 184, 0, .18);
    }

    #mneo-auto-explorer .mneo-tip {
      position: absolute;
      left: 50%;
      bottom: calc(100% + 13px);
      min-width: 154px;
      max-width: 198px;
      padding: 11px 13px;
      color: #fff;
      background: rgba(17, 19, 24, .96);
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 12px;
      box-shadow: 0 13px 35px rgba(17, 19, 24, .24);
      opacity: 0;
      pointer-events: none;
      transform: translate(-50%, 7px);
      transition: opacity .18s ease, transform .18s ease;
    }

    #mneo-auto-explorer .mneo-tip::after {
      position: absolute;
      top: 100%;
      left: 50%;
      width: 10px;
      height: 10px;
      background: #111318;
      transform: translate(-50%, -50%) rotate(45deg);
      content: "";
    }

    #mneo-auto-explorer .mneo-tip strong,
    #mneo-auto-explorer .mneo-tip small { display: block; }

    #mneo-auto-explorer .mneo-tip strong {
      font-size: 13px;
      font-weight: 800;
      line-height: 1.25;
    }

    #mneo-auto-explorer .mneo-tip small {
      margin-top: 3px;
      color: #c9ced6;
      font-size: 10px;
      font-weight: 650;
      letter-spacing: .04em;
      line-height: 1.3;
      text-transform: uppercase;
    }

    #mneo-auto-explorer .mneo-hotspot:hover .mneo-tip,
    #mneo-auto-explorer .mneo-hotspot:focus-visible .mneo-tip {
      opacity: 1;
      transform: translate(-50%, 0);
    }

    #mneo-auto-explorer .mneo-mobile-note {
      display: none;
      align-items: center;
      gap: 8px;
      margin: 0 18px 14px;
      color: var(--mneo-muted);
      font-size: 12px;
      font-weight: 650;
    }

    #mneo-auto-explorer .mneo-more {
      padding: 24px clamp(20px, 5vw, 64px) clamp(28px, 5vw, 58px);
      background: linear-gradient(180deg, #fff, var(--mneo-soft));
      border-top: 1px solid var(--mneo-line);
    }

    #mneo-auto-explorer .mneo-more h3 {
      margin: 0 0 16px;
      color: var(--mneo-ink);
      font-size: clamp(20px, 2.4vw, 28px);
      font-weight: 800;
      letter-spacing: -.025em;
    }

    #mneo-auto-explorer .mneo-category-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }

    #mneo-auto-explorer .mneo-category {
      display: flex;
      min-height: 76px;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding: 14px 15px;
      background: #fff;
      border: 1px solid var(--mneo-line);
      border-radius: 14px;
      font-size: 13px;
      font-weight: 780;
      line-height: 1.25;
      transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    }

    #mneo-auto-explorer .mneo-category span:last-child {
      flex: 0 0 auto;
      display: grid;
      width: 27px;
      height: 27px;
      place-items: center;
      background: #fff8d9;
      border-radius: 50%;
      font-size: 16px;
    }

    #mneo-auto-explorer .mneo-category:hover,
    #mneo-auto-explorer .mneo-category:focus-visible {
      border-color: #e5bd20;
      outline: none;
      transform: translateY(-2px);
      box-shadow: 0 10px 24px rgba(17, 19, 24, .08);
    }

    @keyframes mneo-auto-pulse {
      0% { opacity: .9; transform: scale(.72); }
      70%, 100% { opacity: 0; transform: scale(1.35); }
    }

    @media (prefers-reduced-motion: reduce) {
      #mneo-auto-explorer *,
      #mneo-auto-explorer *::before,
      #mneo-auto-explorer *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
      }
    }

    @media (max-width: 780px) {
      #mneo-auto-explorer { border-radius: 20px; }
      #mneo-auto-explorer .mneo-head { display: block; }
      #mneo-auto-explorer .mneo-guide { margin-top: 18px; }
      #mneo-auto-explorer .mneo-stage-scroll {
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;
      }
      #mneo-auto-explorer .mneo-scene {
        width: 720px;
        scroll-snap-align: start;
      }
      #mneo-auto-explorer .mneo-mobile-note { display: flex; }
      #mneo-auto-explorer .mneo-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 560px) {
      #mneo-auto-explorer .mneo-category { min-height: 70px; padding: 12px; font-size: 12px; }
    }
  
#mneo-auto-explorer .mneo-hotspot.mneo-spot-01{--spot-x:33.5%;--spot-y:47.5%}
#mneo-auto-explorer .mneo-hotspot.mneo-spot-02{--spot-x:19.0%;--spot-y:47.5%}
#mneo-auto-explorer .mneo-hotspot.mneo-spot-03{--spot-x:56.5%;--spot-y:34.5%}
#mneo-auto-explorer .mneo-hotspot.mneo-spot-04{--spot-x:45.5%;--spot-y:72.0%}