/* DentOcode homepage wow layer — additive only, no data or layout removal */
:root {
    --wow-cyan: #9df2ee;
    --wow-coral: #ff967f;
    --wow-ink: #06141c;
    --wow-ease: cubic-bezier(.23, 1, .32, 1);
}

html { scroll-behavior: smooth; }

body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(520px circle at var(--wow-x, 50%) var(--wow-y, 20%), rgba(157,242,238,.07), transparent 62%);
    transition: opacity 300ms ease;
}
body.wow-pointer-active::before { opacity: 1; }

.wow-scroll-progress {
    position: fixed;
    inset: 0 0 auto;
    height: 3px;
    z-index: 2000;
    transform-origin: left center;
    transform: scaleX(0);
    background: linear-gradient(90deg, var(--wow-cyan), var(--wow-coral), #ffd166);
    box-shadow: 0 0 18px rgba(157,242,238,.7);
    pointer-events: none;
}

.hero-modern,
.home-command-deck,
.section-modern,
.stats-grid {
    position: relative;
}

.hero-modern::after {
    content: 'DENTOCODE / ACADEMY';
    position: absolute;
    right: clamp(1rem, 5vw, 5rem);
    top: 8.5rem;
    color: rgba(157,242,238,.34);
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .24em;
    writing-mode: vertical-rl;
    pointer-events: none;
}

.hero-visual {
    transform-style: preserve-3d;
    will-change: transform;
    transition: transform 180ms var(--wow-ease), filter 220ms ease;
}
.hero-visual:hover { filter: drop-shadow(0 26px 55px rgba(157,242,238,.12)); }
.hero-visual::before,
.hero-visual::after {
    content: '';
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    opacity: .7;
}
.hero-visual::before {
    width: 7px;
    height: 7px;
    top: 15%;
    right: 4%;
    background: var(--wow-coral);
    box-shadow: 0 0 0 7px rgba(255,150,127,.1), 0 0 24px var(--wow-coral);
    animation: wowFloat 3.4s ease-in-out infinite;
}
.hero-visual::after {
    width: 5px;
    height: 5px;
    bottom: 20%;
    left: 3%;
    background: var(--wow-cyan);
    box-shadow: 0 0 0 8px rgba(157,242,238,.08), 0 0 20px var(--wow-cyan);
    animation: wowFloat 4.2s .8s ease-in-out infinite reverse;
}

.hero-trust-row span { transition: color 180ms ease, transform 180ms var(--wow-ease); }
.hero-trust-row span:hover { color: #fff; transform: translateY(-2px); }
.hero-trust-row span i { color: var(--wow-cyan); }

.wow-section-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 650ms var(--wow-ease), transform 650ms var(--wow-ease);
}
.wow-section-reveal.is-visible { opacity: 1; transform: translateY(0); }

.section-modern.is-current .section-badge {
    box-shadow: 0 0 0 5px rgba(157,242,238,.06), 0 0 25px rgba(157,242,238,.12);
}

.course-card-modern,
.course-card-premium-wa,
.testimonial-card-modern,
.contact-info-card {
    transition: transform 240ms var(--wow-ease), border-color 240ms ease, box-shadow 240ms ease, background 240ms ease;
}
.course-card-modern:hover,
.course-card-premium-wa:hover,
.testimonial-card-modern:hover,
.contact-info-card:hover {
    transform: translateY(-7px);
    border-color: rgba(157,242,238,.34);
    box-shadow: 0 22px 55px rgba(0,0,0,.24), 0 0 0 1px rgba(157,242,238,.05);
}

.btn-course,
.btn-hero-secondary,
.command-deck-action,
.tab-btn-main,
.btn-course-premium,
.btn-whatsapp-pay-wa,
.btn-unlock-manual-wa { position: relative; overflow: hidden; }
.btn-course::after,
.command-deck-action::after,
.tab-btn-main::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 28%, rgba(255,255,255,.22) 48%, transparent 68%);
    transform: translateX(-120%);
    transition: transform 650ms var(--wow-ease);
    pointer-events: none;
}
.btn-course:hover::after,
.command-deck-action:hover::after,
.tab-btn-main:hover::after { transform: translateX(120%); }

.wow-shortcut-hint {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: 1rem;
    color: rgba(211,232,239,.46);
    font-size: .68rem;
    letter-spacing: .03em;
}
.wow-shortcut-hint kbd {
    min-width: 1.5rem;
    padding: .18rem .38rem;
    border: 1px solid rgba(157,242,238,.22);
    border-radius: 6px;
    color: var(--wow-cyan);
    background: rgba(157,242,238,.06);
    font: inherit;
    text-align: center;
}

@keyframes wowFloat { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(0,-12px,0); } }
@media (max-width: 768px) {
    .hero-modern::after { display: none; }
    .wow-shortcut-hint { display: none; }
    .hero-visual:hover { filter: none; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .wow-section-reveal { opacity: 1; transform: none; transition: none; }
    .hero-visual, .hero-trust-row span, .course-card-modern, .course-card-premium-wa, .testimonial-card-modern, .contact-info-card { transition: none; }
    .hero-visual::before, .hero-visual::after { animation: none; }
}
body.focus-mode .wow-scroll-progress { background: var(--wow-cyan); }