/* Quiet metallic type. Solid fallback remains readable without text clipping. */
.section-heading h2,#audience h2,.faq h2,.contact h2{color:#f4f2f8;-webkit-text-stroke:.35px #eee6ff42;text-shadow:0 0 1px #fff3,0 0 26px #c3a5eb12;paint-order:stroke fill}
.section-heading h2 span{display:inline-block;color:#cbc4d4;-webkit-text-stroke:.5px #ded1f15c;text-shadow:0 0 2px #e1d4fa12,0 0 20px #bd98f020,0 8px 34px #bd98f00a}
@supports(background-clip:text){.section-heading h2 span{background-image:linear-gradient(112deg,#a6a3b1 3%,#e4d6b4 23%,#f1e9fa 40%,#c6b8df 57%,#a6a3b1 76%,#ded3e9 95%);background-size:200% 100%;background-position:85% 50%;background-clip:text;-webkit-background-clip:text;color:transparent}}
.chinese-name{-webkit-text-stroke:.25px #f4dfb33d;text-shadow:0 0 27px #eed7a616;paint-order:stroke fill}.hero-course-title{-webkit-text-stroke:.25px #f4dfb338;text-shadow:0 0 22px #eed7a618}.offer-price strong{-webkit-text-stroke:.3px #fff0c42e;text-shadow:0 0 28px #eed7a619;paint-order:stroke fill}
/* Individual translate leaves the existing hover transform independent. */
.motion-item{translate:0 0;opacity:1;transition:opacity .7s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),translate .9s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .32s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease,background .3s ease}
/* Only strengthen transitions; keep pending/visible opacity and translate in control. */
#audience .card.motion-item,.lesson-path li.motion-item,.entry-stage.motion-item,.advanced .course-card.motion-item,.case-card.motion-item{transition:opacity .7s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),translate .9s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .32s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease,background .3s ease}
.motion-item.motion-pending{opacity:0;translate:0 22px}.motion-item.motion-visible{opacity:1;translate:0 0}
.section-heading.motion-visible h2 span{animation:headline-light-pass 1.9s cubic-bezier(.2,.7,.2,1) .15s 1 both}
.hero-art img.portrait-arrive{animation:portrait-settle 1.65s cubic-bezier(.22,1,.36,1) both;transform-origin:66% 40%}
.hero-copy>.motion-item{--reveal-delay:0ms}.hero-copy h1.motion-item{translate:0 0}.hero-copy h1.motion-pending{opacity:0;translate:0 14px}
.cta-attention{animation-duration:4.6s}.cta-attention::after{animation-duration:6.4s}
@keyframes headline-light-pass{from{background-position:5% 50%}to{background-position:85% 50%}}
@keyframes portrait-settle{from{opacity:.86;transform:scale(1.024)}to{opacity:1;transform:scale(1)}}
@keyframes cta-breathe{0%,100%{box-shadow:0 0 0 0 #eed7a62e,0 0 12px #eed7a610}50%{box-shadow:0 0 0 6px #eed7a606,0 0 24px #eed7a636}}
@keyframes cta-shimmer{0%,42%{transform:translateX(-170%) skewX(-16deg);opacity:0}48%{opacity:.4}68%,100%{transform:translateX(400%) skewX(-16deg);opacity:0}}
@media(hover:hover) and (pointer:fine){.section-heading h2{transition:text-shadow .5s ease}.section-heading:hover h2{text-shadow:0 0 1px #fff3,0 0 30px #c3a5eb21}.case-play-button{transition:background .25s ease,box-shadow .25s ease}.case-play-button:hover{box-shadow:0 0 25px #ead5a41c}}
@media(max-width:760px){.motion-item.motion-pending{translate:0 16px}.section-heading h2 span{-webkit-text-stroke:.4px #ded1f14d;text-shadow:0 0 18px #bd98f01a}.chinese-name{text-shadow:0 0 23px #eed7a611}}
@media(prefers-reduced-motion:reduce){#audience .card.motion-item,.lesson-path li.motion-item,.entry-stage.motion-item,.advanced .course-card.motion-item,.case-card.motion-item,.motion-item,.motion-item.motion-pending,.motion-item.motion-visible{opacity:1;translate:none;transition:none}.section-heading.motion-visible h2 span,.hero-art img.portrait-arrive,.cta-attention,.cta-attention::after{animation:none}.hero-art img.portrait-arrive{opacity:1;transform:none}}
@media print{.motion-item,.motion-item.motion-pending{opacity:1;translate:none}.cta-attention,.cta-attention::after{animation:none}}