

.el-on #a2Grid, .el-on #act2 > .cf, .el-on #a3Galaxy, .el-on .a4-shards { display: none !important; }


.el-chrail { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); z-index: 40; display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 8px 0; pointer-events: none; opacity: 0; }
.el-chrail-line, .el-chrail-fill { position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; margin-left: -0.5px; }
.el-chrail-line { background: rgba(255,255,255,0.14); }
.el-chrail-fill { background: linear-gradient(180deg, #22d3ee, #a78bfa, #e879f9); transform-origin: 50% 0; transform: scaleY(0); box-shadow: 0 0 10px rgba(167,139,250,0.8); }
.el-chrail-n { position: relative; min-width: 24px; padding: 4px 2px; text-align: center; background: #000; color: #fff; font-family: 'Instrument Serif', serif; font-style: italic; font-size: 17px; line-height: 1; will-change: opacity, transform; }
@media (max-width: 768px) {
  .el-chrail { right: 8px; gap: 14px; }
  .el-chrail-n { min-width: 16px; font-size: 12px; padding: 3px 1px; }
}


.el-a0-cv { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.el-a0-flare { position: absolute; left: 87.6%; top: 50%; width: 62%; aspect-ratio: 1; border-radius: 50%; pointer-events: none; opacity: 0; transform: translate(-50%, -50%) scale(0.35); mix-blend-mode: screen; background: radial-gradient(circle, rgba(255,255,255,0.95) 0%, rgba(186,230,253,0.7) 8%, rgba(125,211,252,0.42) 18%, rgba(167,139,250,0.26) 32%, rgba(232,121,249,0.10) 50%, transparent 68%); will-change: opacity, transform; }



.el-on #a1Sil, .el-on .a4-fig { display: none !important; }
.el-fig-cv { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.el-a4-cv { z-index: 480; }

.el-holo { position: absolute; pointer-events: none; opacity: 0; will-change: transform, opacity; }
.el-holo::before { content: ""; position: absolute; inset: -6% -55%; background: radial-gradient(ellipse 42% 48% at 50% 52%, rgba(139,92,246,0.24), rgba(56,189,248,0.05) 55%, transparent 72%); }
.el-holo img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.el-holo-piece { mix-blend-mode: screen; opacity: 0; }
.el-holo-lines { position: absolute; inset: 0; background: repeating-linear-gradient(0deg, rgba(3,3,5,0.42) 0 1px, transparent 1px 4px); }
.el-holo-scan { position: absolute; left: -14%; right: -14%; top: 0; height: 2px; opacity: 0; background: linear-gradient(90deg, transparent, #7dd3fc 20%, #fff 50%, #e879f9 80%, transparent); box-shadow: 0 0 18px 3px rgba(125,211,252,0.65); }
.el-self { position: absolute; left: 50%; top: 50%; width: auto; opacity: 0; will-change: transform, opacity; }
.el-self-one { position: absolute; left: 50%; top: 50%; opacity: 0; z-index: 480; will-change: transform, opacity; }
.el-self-one img { display: block; width: 100%; height: 100%; }
.el-self-one::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, rgba(3,3,5,0.35) 0 1px, transparent 1px 4px); }
.a1-silhouette path.el-a1-tail { stroke: #fff; stroke-width: 3.2; stroke-linecap: round; fill: none; filter: drop-shadow(0 0 5px #7dd3fc) drop-shadow(0 0 14px rgba(167,139,250,0.95)); opacity: 0; }
.el-a1-head { fill: #fff; opacity: 0; }
.el-a1-halo { opacity: 0; }
.el-a1-links { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.el-on .a1-ring { display: none; }
.el-a1-wave { fill: none; stroke: #a78bfa; stroke-width: 2; opacity: 0; }
.el-a1-core { opacity: 0; }
.el-a1-line { stroke: rgba(196,181,253,0.9); stroke-width: 1.2; opacity: 0; }
.el-a1-dot { fill: #fff; opacity: 0; filter: drop-shadow(0 0 6px #a78bfa); }
.el-a1-ring { fill: none; stroke: #a78bfa; stroke-width: 1.5; opacity: 0; }
.el-tag { position: absolute; left: 0; top: 0; display: flex; align-items: center; gap: 14px; padding: 10px 16px 10px 10px; border-radius: 18px; background: linear-gradient(135deg, rgba(24,18,44,0.92), rgba(8,8,16,0.88)); border: 1px solid rgba(255,255,255,0.14); box-shadow: 0 22px 54px -22px rgba(0,0,0,0.85), 0 0 40px -12px rgba(139,92,246,0.6); opacity: 0; transform-origin: 0 50%; will-change: transform, opacity; pointer-events: none; }
.el-tag-img { flex: none; width: 66px; height: 66px; border-radius: 12px; background: #fff; overflow: hidden; }
.el-tag-img img { width: 100%; height: 100%; object-fit: contain; padding: 5px; box-sizing: border-box; }
.el-tag-t { max-width: 196px; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 13.5px; line-height: 1.3; letter-spacing: -0.01em; color: #fff; }
.el-tag-c { display: inline-flex; align-items: center; gap: 6px; margin-top: 7px; padding: 5px 9px; border-radius: 999px; background: rgba(139,92,246,0.18); border: 1px solid rgba(167,139,250,0.4); color: #ddd6fe; font-family: var(--font-mono); font-size: 9.5px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; }
.el-tag-ok { width: 6px; height: 6px; border-radius: 50%; background: #34d399; box-shadow: 0 0 8px #34d399; }
@media (max-width: 768px) {
  .el-on .a1-silhouette { left: 33%; height: min(560px, 62svh); width: calc(min(560px, 62svh) * 0.611); }
  .el-tag { flex-direction: column; align-items: stretch; gap: 8px; width: 148px; padding: 8px; border-radius: 14px; }
  .el-tag-img { width: 100%; height: 62px; border-radius: 9px; }
  .el-tag-t { max-width: none; font-size: 11px; }
  .el-tag-c { margin-top: 5px; font-size: 8px; padding: 4px 7px; letter-spacing: 0.16em; }
}


.el-cor { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.el-cor-glow { position: absolute; left: 50%; top: 50%; width: 70vmin; height: 70vmin; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle, rgba(167,139,250,0.26), rgba(56,189,248,0.07) 42%, transparent 70%); }
.el-cf { position: absolute; left: 50%; top: 50%; padding: 6px; border-radius: 26px; background: linear-gradient(160deg, #1d1a2e, #07070d); box-shadow: 0 0 0 1px rgba(255,255,255,0.12), 0 30px 80px -24px rgba(0,0,0,0.9), 0 0 70px -14px var(--g, rgba(139,92,246,0.6)); opacity: 0; will-change: transform, opacity; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.el-cf img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; border-radius: 20px; }
.el-cf i { position: absolute; inset: 6px; border-radius: 20px; background: #04040a; opacity: 0.78; }
.el-cor-bar { position: absolute; left: 50%; top: 50%; height: 2px; margin-top: -1px; opacity: 0; background: linear-gradient(90deg, transparent, rgba(125,211,252,0.75) 22%, rgba(167,139,250,0.95) 50%, rgba(232,121,249,0.75) 78%, transparent); box-shadow: 0 0 14px rgba(167,139,250,0.7); will-change: transform, opacity; }
@media (max-width: 768px) { .el-cf { border-radius: 18px; padding: 5px; } .el-cf img, .el-cf i { border-radius: 14px; } .el-cf i { inset: 5px; } }


.el-cos { position: absolute; inset: 0; pointer-events: none; }
.el-cos-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.el-cos-m { stroke-width: 1.6; opacity: 0; }
.el-cos-h { stroke: rgba(221,214,254,0.9); stroke-width: 1.1; stroke-dasharray: 2 6; opacity: 0; }
.el-cos-lg { stroke: #e879f9; stroke-width: 10; stroke-linecap: round; opacity: 0; }
.el-cos-lc { stroke: #fff; stroke-width: 2.2; stroke-linecap: round; opacity: 0; }
.el-cos-hd { opacity: 0; filter: drop-shadow(0 0 8px currentColor); }
.el-cos-sp { fill: #fff; opacity: 0; filter: drop-shadow(0 0 6px #fff) drop-shadow(0 0 12px #e879f9); }
.el-bub { position: absolute; left: 0; top: 0; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 50%; background: #fff; overflow: hidden; opacity: 0; box-shadow: 0 0 0 2.5px var(--c), 0 0 34px -2px var(--c), inset 0 -10px 24px rgba(40,20,80,0.18); will-change: transform, opacity; }
.el-bub img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 14%; box-sizing: border-box; }
.el-bub.crop img { object-fit: cover; padding: 0; }
.el-bub::after { content: ""; position: absolute; inset: 0; border-radius: 50%; pointer-events: none; background: radial-gradient(circle at 32% 24%, rgba(255,255,255,0.9), rgba(255,255,255,0) 30%), radial-gradient(circle at 72% 86%, rgba(139,92,246,0.22), transparent 58%); }
.el-cos-lbl { position: absolute; left: 0; top: 0; white-space: nowrap; color: #fff; font-family: 'Instrument Serif', serif; font-style: italic; font-size: 30px; line-height: 1; text-shadow: 0 0 22px var(--c), 0 0 2px rgba(0,0,0,0.9); opacity: 0; will-change: transform, opacity; z-index: 4000; }
.el-cos-look { position: absolute; left: 0; top: 0; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; padding: 9px 16px; border-radius: 999px; background: rgba(10,8,20,0.78); border: 1px solid rgba(240,171,252,0.45); color: #fff; font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; box-shadow: 0 0 34px -8px rgba(232,121,249,0.7); opacity: 0; z-index: 4001; }
.el-cos-look span { width: 7px; height: 7px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px #e879f9; }
@media (max-width: 768px) { .el-cos-look { font-size: 9px; letter-spacing: 0.18em; padding: 7px 12px; } }


.el-a4 { position: absolute; inset: 0; pointer-events: none; }
.el-a4-mirror { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 10px; border: 1px solid rgba(255,255,255,0.35); box-shadow: 0 0 40px -6px rgba(167,139,250,0.6), inset 0 0 60px rgba(167,139,250,0.12); opacity: 0; }
.el-sl { position: absolute; left: 50%; top: 50%; overflow: hidden; background: linear-gradient(135deg, rgba(255,255,255,0.26), rgba(167,139,250,0.12) 38%, rgba(56,189,248,0.16) 70%, rgba(255,255,255,0.08)); will-change: transform, opacity; backface-visibility: visible; }
.el-sl img { position: absolute; inset: 9%; width: 82%; height: 82%; object-fit: contain; background: #fff; border-radius: 4px; opacity: 0.9; }
.el-sl b { position: absolute; inset: 0; background: linear-gradient(115deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.45) 46%, rgba(255,255,255,0) 58%), linear-gradient(180deg, rgba(125,211,252,0.18), rgba(232,121,249,0.18)); mix-blend-mode: screen; }
.el-a4-one { position: absolute; left: 50%; top: 50%; opacity: 0; z-index: 400; will-change: transform, opacity; }
.el-a4-one svg { width: 100%; height: 100%; overflow: visible; }
.el-a4-one path { fill: url(#figGrad); filter: drop-shadow(0 0 18px rgba(232,121,249,0.75)) drop-shadow(0 0 50px rgba(139,92,246,0.55)); }
.el-a4-halo { position: absolute; left: 50%; border-radius: 50%; border: 2px solid rgba(255,255,255,0.9); box-shadow: 0 0 18px 2px rgba(196,181,253,0.9), 0 0 60px 10px rgba(232,121,249,0.45), inset 0 0 18px rgba(196,181,253,0.7); opacity: 0; z-index: 401; will-change: transform, opacity; }
.el-a4-beam { position: absolute; left: 50%; top: 0; width: 260px; margin-left: -130px; opacity: 0; background: radial-gradient(ellipse 50% 60% at 50% 45%, rgba(196,181,253,0.35), rgba(139,92,246,0.10) 55%, transparent 75%); }



.el-on .a5-tower { background: linear-gradient(180deg, rgba(28,22,56,0.97), rgba(9,9,20,0.98) 55%, rgba(4,4,10,1)); box-shadow: 0 0 38px -12px var(--c1, rgba(139,92,246,0.6)), inset 1px 0 0 rgba(255,255,255,0.07), inset -10px 0 30px rgba(0,0,0,0.5); }
.el-on .a5-tower::after { content: ""; position: absolute; left: 12%; right: 12%; top: 12px; bottom: 0; opacity: var(--lit, 0); background-image: repeating-linear-gradient(180deg, rgba(0,0,0,0) 0 38px, rgba(9,9,20,0.94) 38px 62px), linear-gradient(90deg, var(--wc, rgba(255,226,176,0.95)) 0 22%, transparent 22% 39%, var(--wc, rgba(255,226,176,0.95)) 39% 61%, transparent 61% 78%, var(--wc, rgba(255,226,176,0.95)) 78%); background-position: 0 var(--wo, 0), 0 0; -webkit-mask-image: repeating-linear-gradient(180deg, #000 0 4px, transparent 4px 11px); mask-image: repeating-linear-gradient(180deg, #000 0 4px, transparent 4px 11px); }
.el-a5-water { position: absolute; left: 0; right: 0; bottom: 0; height: 20%; z-index: 2; opacity: 0; pointer-events: none; background: linear-gradient(180deg, rgba(14,8,32,0.62), rgba(3,3,8,0.96) 80%); }
.el-a5-water::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 22% 70% at 50% 0%, rgba(255,226,196,0.42), rgba(232,121,249,0.16) 45%, transparent 75%), repeating-linear-gradient(90deg, rgba(167,139,250,0) 0 22px, rgba(167,139,250,0.16) 22px 24px, rgba(125,211,252,0) 24px 51px, rgba(125,211,252,0.12) 51px 52px); -webkit-mask-image: linear-gradient(180deg, #000, transparent 85%); mask-image: linear-gradient(180deg, #000, transparent 85%); }
.el-a5-water::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.7), transparent); }
.el-a5-bloom { position: absolute; left: 50%; top: 47%; width: 140vmax; height: 140vmax; margin: -70vmax 0 0 -70vmax; border-radius: 50%; z-index: 4; opacity: 0; pointer-events: none; background: radial-gradient(circle, rgba(255,255,255,0.55) 0%, rgba(196,181,253,0.38) 12%, rgba(139,92,246,0.22) 28%, rgba(56,189,248,0.06) 46%, rgba(3,3,5,0) 62%); }
.el-a5-orb { position: absolute; left: 0; top: 0; width: 100px; height: 100px; margin: -50px 0 0 -50px; z-index: 5; opacity: 0; pointer-events: none; will-change: transform, opacity; }
.el-a5-orb img { width: 100%; height: 100%; filter: drop-shadow(0 0 30px rgba(139,92,246,0.6)); }


.el-on .el-drv { transition: none !important; }
.el-orb-depth { position: absolute; inset: 0; will-change: transform, opacity; }


.el-on .reel { width: 262px; transform-origin: 50% -24px; will-change: transform; }
@media (max-width: 720px) { .el-on .reel { width: 206px; } }
.el-rail-spark { position: absolute; left: -110px; top: -3px; width: 220px; height: 7px; border-radius: 999px; opacity: 0; pointer-events: none; background: radial-gradient(ellipse at center, #fff 0%, rgba(196,181,253,0.9) 30%, rgba(139,92,246,0.4) 60%, transparent 76%); box-shadow: 0 0 30px 8px rgba(167,139,250,0.6), 0 0 80px 10px rgba(232,121,249,0.3); }


.el-on .el-drive { animation: none !important; }
.el-on .kinetic-track.el-drive, .el-on .marquee-track.el-drive { will-change: transform; }
.el-on .kinetic-word.el-kw { background-image: linear-gradient(90deg, #7dd3fc, #a78bfa, #f0abfc); background-repeat: no-repeat; background-position: 0 0; background-size: calc(var(--f, 0) * 100%) 100%; -webkit-background-clip: text; background-clip: text; }
.el-on .kinetic-word.fill.el-kw { color: rgba(255,255,255, calc(1 - var(--f, 0))); }


.el-on #platform.el-pin { height: 280vh; padding: 0; }
.el-on #platform.el-pin > .bai-container { position: sticky; top: 0; height: 100vh; height: 100svh; display: flex; flex-direction: column; justify-content: center; padding-top: 56px; }
.el-on #platform.el-pin .section-header { margin-bottom: 0; }
.el-on #platform.el-pin .devices-row { position: relative; display: block; margin-top: 30px; perspective: none; }
.el-on #platform.el-pin .phone { position: absolute; left: 50%; top: 0; margin-left: -140px; transform-origin: 50% 0; }
.el-on .phone-screen .el-seq { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; opacity: 0; }


@media (min-width: 900px) and (min-height: 700px) {
  .el-on .features-stack.el-stack .feature-card { position: sticky; top: calc(92px + var(--i, 0) * 18px); background: linear-gradient(135deg, #100e1c, #08080f); transform-origin: 50% 0; }
  .el-on .features-stack.el-stack .feature-card::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: #030305; opacity: calc(var(--cov, 0) * 0.62); pointer-events: none; }
}
.el-on .ui-crop img { transform-origin: 50% 0; will-change: transform; }


.el-on .el-has-deck .ui-crop { display: none; }
.el-deck { position: relative; width: min(600px, 100%); height: 500px; perspective: 1500px; transform-style: preserve-3d; }
.el-dk { position: absolute; left: 50%; top: 50%; width: 222px; height: 454px; margin: -227px 0 0 -111px; padding: 6px; border-radius: 30px; background: linear-gradient(160deg, #1d1a2e, #07070d); box-shadow: 0 0 0 1px rgba(255,255,255,0.12), 0 30px 70px -22px rgba(0,0,0,0.9), 0 0 64px -16px var(--g, rgba(139,92,246,0.55)); will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.el-dk img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; border-radius: 24px; }
.el-dk i { position: absolute; inset: 6px; border-radius: 24px; background: #05050a; opacity: 0; pointer-events: none; }
@media (max-width: 899px) {
  .el-deck { height: 340px; margin: 0 auto; }
  .el-dk { width: 150px; height: 308px; margin: -154px 0 0 -75px; border-radius: 22px; padding: 5px; }
  .el-dk img, .el-dk i { border-radius: 19px; }
  .el-dk i { inset: 5px; }
}


@media (min-width: 900px) {
  .el-on .how-grid::before { transform-origin: 0 50%; transform: scaleX(var(--draw, 1)); }
  .el-on .how-grid::after { content: ""; position: absolute; top: 59px; left: calc(58px + var(--draw, 1) * (75% + 12px) - 7px); width: 14px; height: 14px; border-radius: 50%; z-index: 0; pointer-events: none; background: #fff; box-shadow: 0 0 14px #fff, 0 0 32px #a78bfa; opacity: calc(var(--draw, 1) * (1 - var(--draw, 1)) * 4); }
}


.el-on section.el-manifesto { height: 360vh; padding: 0; }
.el-manifesto > .bai-container { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
.el-manifesto .section-header { position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; max-width: 900px; transform-origin: 50% 0; will-change: transform, opacity; }
.el-manifesto .quotes { position: absolute; inset: 0; display: block; margin: 0; }
.el-on .el-manifesto .quote { position: absolute; left: 50%; top: 60%; width: min(1060px, 86vw); padding: 0; border: 0; border-radius: 0; background: none; text-align: center; opacity: 0; will-change: transform, opacity; }
.el-on .el-manifesto .quote:hover { transform: translate(-50%, -50%); border: 0; }
.el-manifesto .quote > div:first-child { position: absolute; left: 50%; top: 50%; z-index: -1; margin: 0 !important; font-size: clamp(190px, 30vw, 440px) !important; line-height: 1; letter-spacing: -0.06em !important; font-weight: 800; background: none !important; color: transparent !important; -webkit-text-stroke: 1.5px rgba(196,181,253,0.42); transform-origin: 50% 50%; pointer-events: none; }
.el-on .el-manifesto .quote blockquote { margin: 0 0 30px; font-size: clamp(30px, 4.4vw, 68px); line-height: 1.12; font-weight: 700; letter-spacing: -0.035em; text-wrap: balance; }
.el-manifesto .quote > div:last-child { display: inline-flex; padding: 9px 18px; border-radius: 999px; border: 1px solid rgba(196,181,253,0.35); background: rgba(139,92,246,0.10); }
.el-mf-glow { position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: background 0.8s ease; }
.el-mf-rail { position: absolute; left: 40px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 26px; opacity: 0; pointer-events: none; }
.el-mf-rail span { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.2em; color: rgba(255,255,255,0.3); transition: color 0.4s ease; padding-left: 16px; }
.el-mf-rail span.on { color: #fff; }
.el-mf-rail i { position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, #22d3ee, #8b5cf6, #e879f9); transform-origin: 50% 0; transform: scaleY(0); border-radius: 2px; }
@media (max-width: 768px) {
  .el-on section.el-manifesto { height: 340vh; padding: 0; }
  .el-on .el-manifesto .quote blockquote { font-size: clamp(26px, 7.4vw, 40px); }
  .el-mf-rail { left: 14px; gap: 18px; }
  .el-mf-rail span { font-size: 9px; padding-left: 10px; }
  .el-on .el-manifesto .quote { width: 80vw; }
}


.el-on .eco-grid { position: relative; }
.el-on .eco-grid .eco-card { position: relative; z-index: 1; background: linear-gradient(180deg, #0f0d1b, #08080f); }
.el-eco-orb { position: absolute; left: 50%; top: 50%; width: 300px; height: 300px; transform: translate(-50%, -50%); z-index: 0; opacity: 0.3; pointer-events: none; }
.el-eco-orb img { width: 100%; height: 100%; filter: drop-shadow(0 0 60px rgba(139,92,246,0.55)); }
.el-eco-orb i { position: absolute; inset: -30%; border-radius: 50%; background: radial-gradient(circle, rgba(139,92,246,0.24), transparent 65%); }
.el-on .eco-grid.el-orbit { display: block; height: 660px; }
.el-on .eco-grid.el-orbit .el-eco-orb { width: 250px; height: 250px; opacity: 1; z-index: 50; }
.el-on .eco-grid.el-orbit .eco-card { position: absolute; left: 50%; top: 50%; width: 310px; background: linear-gradient(180deg, #0f0d1b, #08080f); }


.el-on .final-cta-orb.el-drive { will-change: transform, opacity; }
.el-on .el-land { display: inline-block; will-change: transform, opacity; }


@media (prefers-reduced-motion: reduce) {
  .el-on #act0, .el-on #act1, .el-on #act2, .el-on #act4, .el-on #act5, .el-on #chIntro { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .el-chrail, .el-a0-cv, .el-fig-cv, .el-holo, .el-a0-flare, .el-tag, .el-a1-links, .el-cor, .el-a4, .el-a5-water, .el-a5-bloom, .el-a5-orb, .el-eco-orb, .el-rail-spark { display: none !important; }
}
