/* V5 orange light art. Decoration stays behind the unchanged headline and CTAs. */
.hero.fx5-hero{background:radial-gradient(ellipse at 50% 35%,#fff5e9 0,#fffaf6 39%,#fff 76%);isolation:isolate}
.fx5-hero .hero-content{position:relative;z-index:3}
.fx5-hero #hero-particles{z-index:1;opacity:.65}
.fx5-hero .hero-orb,.fx5-hero .hero-scan{display:none}
.fx5-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:paint}
.fx5-field::before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 32% 38%,#ff9c552d,transparent 45%),radial-gradient(ellipse at 72% 58%,#ffba6a32,transparent 37%),radial-gradient(ellipse at 48% 26%,#fff4dcbb,transparent 45%);animation:fx5-aurora 19s ease-in-out infinite alternate;will-change:transform}
.fx5-field::after{content:"";position:absolute;inset:0;opacity:.32;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#e69c6509 3px 4px),radial-gradient(#f3934b22 .65px,transparent .8px);background-size:auto,5px 5px;mask-image:linear-gradient(#0005,#000,transparent)}
.fx5-spot{position:absolute;left:0;top:0;width:620px;height:620px;background:radial-gradient(290px circle at 50% 50%,#ffad5f26,transparent 74%);opacity:0;transition:opacity .7s;mix-blend-mode:multiply;will-change:transform,opacity}
.fx5-knowledge{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;contain:layout paint;user-select:none}
.fx5-knowledge-word{position:absolute;left:0;top:0;display:block;white-space:nowrap;color:#b95212;font:600 13px/1.4 "Microsoft YaHei",sans-serif;letter-spacing:.08em;text-shadow:0 1px 10px #fff9e8,0 0 3px #fff;opacity:0;transform-origin:center;will-change:transform,opacity}
.fx5-showcase .fx5-knowledge-word{font-size:14px;color:#c45308}
.fx5-pointer .fx5-spot{opacity:1}
.fx5-mesh{position:absolute;inset:37% -30% -38%;background-image:linear-gradient(#fb9e5021 1px,transparent 1px),linear-gradient(90deg,#fb9e5021 1px,transparent 1px);background-size:76px 76px;transform:perspective(600px) rotateX(62deg);transform-origin:50% 0;mask-image:radial-gradient(ellipse at 50% 55%,transparent 12%,#0009 42%,transparent 67%);opacity:.52}
.fx5-ribbons{position:absolute;width:130%;height:90%;left:-15%;top:-8%;overflow:visible;opacity:.66}
.fx5-ribbons path{fill:none;stroke:#ff9e4938;stroke-width:.7;vector-effect:non-scaling-stroke;transform-origin:center;animation:fx5-breathe 15s ease-in-out infinite alternate}
.fx5-ribbons path:nth-child(2){stroke:#ffc57b55;animation-delay:-6s;animation-duration:21s}
.fx5-ribbons path:nth-child(3){stroke:#ffbd8240;animation-delay:-10s;animation-duration:24s}
.fx5-light-beam{position:absolute;inset:-45% 0;left:6%;width:14%;background:linear-gradient(90deg,transparent,#ffc27116,#fff4c631,#ffc27116,transparent);filter:blur(15px);transform:rotate(26deg);animation:fx5-light-pass 15s cubic-bezier(.4,0,.3,1) infinite}
/* Default review mode makes the material visible. The text center stays quiet. */
.fx5-showcase .fx5-field::before{background:radial-gradient(ellipse at 18% 36%,#ff9a544d,transparent 43%),radial-gradient(ellipse at 82% 57%,#ffba6a59,transparent 39%),radial-gradient(ellipse at 50% 22%,#fff4dca6,transparent 43%)}
.fx5-showcase .fx5-ribbons{opacity:.94;mask-image:radial-gradient(ellipse at 50% 46%,#0000 0 18%,#0007 43%,#000 65%)}
.fx5-showcase .fx5-ribbons path{stroke:#ff9e4980;stroke-width:1.2}
.fx5-showcase .fx5-ribbons path:nth-child(2){stroke:#ffad6880;stroke-width:1.4}
.fx5-showcase .fx5-ribbons path:nth-child(3){stroke:#ffbd827a}
.fx5-showcase .fx5-mesh{opacity:.72;background-image:linear-gradient(#fb9e5042 1px,transparent 1px),linear-gradient(90deg,#fb9e5042 1px,transparent 1px)}
.fx5-showcase .fx5-light-beam{background:linear-gradient(90deg,transparent,#ffc27130,#fff4c65c,#ffc27130,transparent);filter:blur(10px)}
.fx5-showcase .fx5-spot{background:radial-gradient(310px circle at 50% 50%,#ffad5f4d,transparent 74%)}
.fx5-enter .hero-pill{animation:fx5-rise .65s both}
.fx5-enter h1{animation:fx5-title .95s cubic-bezier(.16,.8,.2,1) .11s both}
.fx5-enter .hero-description{animation:fx5-rise .85s cubic-bezier(.2,.7,.2,1) .24s both}
.fx5-enter .hero-actions{animation:fx5-rise .85s cubic-bezier(.2,.7,.2,1) .34s both}
.fx5-enter .hero-stats{animation:fx5-stats 1.15s cubic-bezier(.16,.8,.2,1) .4s both}
.fx5-hero .gradient-text{background-image:linear-gradient(100deg,#ff6500 5%,#ff971c 35%,#ffb446 46%,#ff6b07 58%,#f45400 80%,#ff7b06 100%);background-size:240% 100%;animation:fx5-title-light 9s ease-in-out infinite}
.fx5-controls{display:inline-flex;gap:3px;align-items:center;flex-wrap:wrap;justify-content:center}
.hero-foot .fx5-controls button{color:#9b6340;font-size:10px;border:1px solid #ffd7ba;background:#fffaf4;min-height:29px;padding:5px 9px;border-radius:6px}
.hero-foot .fx5-controls button:hover,.hero-foot .fx5-controls button[aria-pressed=true]{background:#ffebdc;color:#bd500b;border-color:#ffb682}
.fx5-section{position:relative;isolation:isolate}
.fx5-section-heading{position:relative;isolation:isolate}
.fx5-section-heading::after{content:"";pointer-events:none;position:absolute;left:-4%;right:-4%;top:-12px;bottom:-12px;z-index:-1;background:linear-gradient(105deg,transparent 5%,#ffb35c00 35%,#ffb35c2b 49%,#ffca8b08 62%,transparent 80%);opacity:0;transform:translateX(-20%)}
.fx5-section-active .fx5-section-heading::after{animation:fx5-chapter-light 1.6s ease-out both}
.fx5-section-active .fx5-section-heading h2{animation:fx5-chapter-title .85s cubic-bezier(.18,.7,.2,1) both}
.fx5-section-active .fx5-section-heading .module{animation:fx5-module-in .75s cubic-bezier(.2,.7,.2,1) both}
.fx5-hero.fx5-offscreen *,.fx5-hero.fx5-offscreen *::before,.fx5-hero.fx5-offscreen *::after,.fx5-page-hidden .fx5-field *,.fx5-page-hidden .fx5-field::before{animation-play-state:paused!important}
.fx5-paused .fx5-field *,.fx5-paused .fx5-field::before,.fx5-paused .fx5-hero .gradient-text{animation-play-state:paused!important}
.fx5-paused .fx5-spot{opacity:0!important}
.fx5-paused .fx5-enter .hero-pill,.fx5-paused .fx5-enter h1,.fx5-paused .fx5-enter .hero-description,.fx5-paused .fx5-enter .hero-actions,.fx5-paused .fx5-enter .hero-stats,.fx5-paused .fx5-section-heading h2,.fx5-paused .fx5-section-heading .module{animation:none!important;opacity:1;transform:none;clip-path:none;filter:none}
.fx5-paused .fx5-section-heading::after{animation:none!important;opacity:0}
.fx5-page-hidden *, .fx5-page-hidden *::before,.fx5-page-hidden *::after{animation-play-state:paused!important}
@keyframes fx5-aurora{0%{transform:translate(-3%,-2%) scale(1) rotate(-5deg)}100%{transform:translate(4%,3%) scale(1.08) rotate(6deg)}}
@keyframes fx5-breathe{from{transform:translateY(-12px) scaleY(.92);opacity:.55}to{transform:translateY(18px) scaleY(1.08);opacity:1}}
@keyframes fx5-light-pass{0%,8%{transform:translateX(-300%) rotate(26deg);opacity:0}24%{opacity:.75}70%{opacity:.65}93%,100%{transform:translateX(850%) rotate(26deg);opacity:0}}
@keyframes fx5-rise{from{opacity:.4;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes fx5-title{from{clip-path:inset(0 0 100% 0);transform:translateY(22px);filter:blur(3px)}to{clip-path:inset(0 0 0 0);transform:none;filter:blur(0)}}
@keyframes fx5-title-touch{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes fx5-stats{from{opacity:.4;transform:translateY(19px);box-shadow:0 10px 50px #ffb16328}to{opacity:1;transform:none;box-shadow:0 5px 30px #ffb16308}}
@keyframes fx5-title-light{0%,20%,100%{background-position:0 50%}65%{background-position:100% 50%}}
@keyframes fx5-chapter-light{0%{opacity:0;transform:translateX(-20%)}20%{opacity:1}100%{opacity:0;transform:translateX(20%)}}
@keyframes fx5-chapter-title{from{opacity:.55;clip-path:inset(0 100% 0 0);transform:translateY(10px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes fx5-module-in{from{opacity:.5;transform:rotate(-5deg) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:640px){.fx5-field::before{animation-duration:24s}.fx5-ribbons{width:170%;left:-35%;opacity:.5}.fx5-mesh{opacity:.3;background-size:55px 55px}.fx5-showcase .fx5-ribbons{opacity:.76}.fx5-showcase .fx5-mesh{opacity:.52}.fx5-light-beam{width:24%;filter:blur(9px)}.hero-foot{flex-wrap:wrap;gap:3px 12px}.hero-foot>span{width:100%}.fx5-controls{gap:4px}.fx5-hero #hero-particles{opacity:.5}}
/* Touch devices keep the orange gradient and entrance, without continuously
   repainting transparent glyphs inside an animated clip/filter layer. */
@media(hover:none),(pointer:coarse){
 .fx5-enter h1{animation-name:fx5-title-touch;clip-path:none;filter:none}
 .fx5-hero .gradient-text{animation:none;background-size:100% 100%;background-position:0 50%}
}
@media(prefers-reduced-motion:reduce){.fx5-field *, .fx5-field::before,.fx5-hero .gradient-text,.fx5-enter h1,.fx5-section-heading::after,.fx5-section-heading h2,.fx5-section-heading .module{animation:none!important;clip-path:none!important;transform:none!important;filter:none!important}.fx5-spot{display:none}.fx5-light-beam{opacity:.2;transform:rotate(26deg)!important}.fx5-field::before{transform:none}.fx5-section-heading::after{opacity:0!important}}