<!-- Getting Started Tutorial Overlay (viewport-level) — v2 "Signal Bench" variant -->
<div id="getting-started-overlay" class="tutorial-overlay tutorial-overlay-fixed tutorial-v2" role="dialog" aria-modal="true">
    <div class="tutorial-backdrop"></div>
    <svg class="tutorial-cable" aria-hidden="true">
        <line x1="0" y1="0" x2="0" y2="0"></line>
    </svg>
    <div class="tutorial-ring">
        <span class="tutorial-reticle-corner tl"></span>
        <span class="tutorial-reticle-corner tr"></span>
        <span class="tutorial-reticle-corner bl"></span>
        <span class="tutorial-reticle-corner br"></span>
    </div>
    <div class="tutorial-tooltip">
        <div class="tutorial-tooltip-header">
            <span class="tutorial-tooltip-eyebrow">SIGNAL · TOUR</span>
            <span class="tutorial-tooltip-breadcrumb"></span>
            <span class="tutorial-step-counter"></span>
            <button class="tutorial-close-btn" onclick="closeTutorial()" data-i18n-aria-label="aria.close">&times;</button>
        </div>
        <div class="tutorial-pips" aria-hidden="true"></div>
        <p class="tutorial-tooltip-text"></p>
        <div class="tutorial-tooltip-nav">
            <button class="tutorial-prev-btn" onclick="tutorialPrev()" data-i18n-aria-label="aria.previous">&#9664; PREV</button>
            <button class="tutorial-next-btn" onclick="tutorialNext()" data-i18n-aria-label="aria.next">NEXT &#9654;</button>
        </div>
        <div class="tutorial-keyhint" aria-hidden="true">
            <kbd>&#8592;</kbd><kbd>&#8594;</kbd><span>NAVIGATE</span><kbd>ESC</kbd><span>CLOSE</span>
        </div>
    </div>
</div>

<!-- Device Tutorial Overlay (viewport-level) — v2 "Signal Bench" variant -->
<div id="device-tutorial-overlay" class="tutorial-overlay tutorial-overlay-fixed tutorial-v2" role="dialog" aria-modal="true">
    <div class="tutorial-backdrop"></div>
    <svg class="tutorial-cable" aria-hidden="true">
        <line x1="0" y1="0" x2="0" y2="0"></line>
    </svg>
    <div class="tutorial-ring">
        <span class="tutorial-reticle-corner tl"></span>
        <span class="tutorial-reticle-corner tr"></span>
        <span class="tutorial-reticle-corner bl"></span>
        <span class="tutorial-reticle-corner br"></span>
    </div>
    <div class="tutorial-tooltip">
        <div class="tutorial-tooltip-header">
            <span class="tutorial-tooltip-eyebrow">DEVICE · TOUR</span>
            <span class="tutorial-tooltip-breadcrumb"></span>
            <span class="tutorial-step-counter"></span>
            <button class="tutorial-close-btn" onclick="closeTutorial()" data-i18n-aria-label="aria.close">&times;</button>
        </div>
        <div class="tutorial-pips" aria-hidden="true"></div>
        <p class="tutorial-tooltip-text"></p>
        <div class="tutorial-tooltip-nav">
            <button class="tutorial-prev-btn" onclick="tutorialPrev()" data-i18n-aria-label="aria.previous">&#9664; PREV</button>
            <button class="tutorial-next-btn" onclick="tutorialNext()" data-i18n-aria-label="aria.next">NEXT &#9654;</button>
        </div>
        <div class="tutorial-keyhint" aria-hidden="true">
            <kbd>&#8592;</kbd><kbd>&#8594;</kbd><span>NAVIGATE</span><kbd>ESC</kbd><span>CLOSE</span>
        </div>
    </div>
</div>
