/* QDizer Launch+ homepage polish
   Critical hero assets should feel present on first paint, while the story can continue animating around them. */

[data-hero-animation] .technician {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

.hero-stage .phone[data-hero-step="phone"],
.hero-running .phone[data-hero-step="phone"] {
    opacity: 1 !important;
    transform: rotate(2deg) !important;
    animation: none !important;
}

/* Once the technician is ready, keep the branded boot mark visible for a short beat
   so a cold first visit feels intentional rather than like an asset-loading workaround. */
html.qd-home-ready .qd-home-boot {
    transition-delay: .42s;
}

#how-it-works.qd-demo-focus {
    position: relative;
}

#how-it-works.qd-demo-focus::before {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(206, 137, 20, .38);
    border-radius: 30px;
    box-shadow: 0 0 0 7px rgba(247, 197, 85, .08);
    pointer-events: none;
    animation: qdDemoFocus 1.35s ease both;
}

@keyframes qdDemoFocus {
    0%, 100% { opacity: 0; }
    20%, 72% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    html.qd-home-ready .qd-home-boot { transition-delay: 0s; }
    #how-it-works.qd-demo-focus::before { animation: none; opacity: 1; }
}