.en-home-motion { --en-home-violet: #b695ff; }
.en-home-motion .en-btn-violet { color: #e8ddff; border: 1px solid #8d6cce; background: linear-gradient(115deg, #392757, #292140); box-shadow: inset 0 1px #dfd1ff12; }
.en-home-motion .en-btn-violet:hover { color: #fff; border-color: #c6a8ff; background: #49316b; box-shadow: 0 8px 28px #946be52b; }
.en-home-motion .en-hosting-hero { overflow: hidden; }
.en-home-motion .en-grid-glow { opacity: .75; background-position: 0 calc(var(--section-progress, .5) * 90px); }
.en-home-motion .en-console-preview { --terminal-accent: #62e1c1; position: relative; border-color: #466078; transform: perspective(1300px) rotateY(calc((var(--section-progress, .5) - .5) * -8deg)) rotateX(calc((var(--section-progress, .5) - .5) * 3deg)); box-shadow: 0 30px 90px #00000050, 0 0 70px #3ccad312; }
.en-home-motion .en-console-preview::before { content: ''; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: linear-gradient(110deg, transparent 15%, #b8efff12 46%, transparent 72%); background-size: 250% 100%; background-position: calc(var(--section-progress, .5) * 100%) 0; }
.en-home-motion .en-console-head { position: relative; }
.en-home-motion .en-console-head > span:last-child { color: #adbfda; font-size: .61rem; letter-spacing: .08em; }
.en-preview-demo-label { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: .45rem; margin: 1.15rem 0 .65rem; color: #a3b8cf; font-size: .63rem; }
.en-preview-demo-label strong { color: var(--terminal-accent); font-size: .67rem; font-weight: 600; }
.en-terminal-demo { min-height: 130px; margin-top: 0 !important; padding: 1rem !important; border: 1px solid #344a5f; border-left: 2px solid var(--terminal-accent); border-radius: 10px; background: #091421; }
.en-terminal-demo .en-terminal-command-row { display: flex; flex-wrap: nowrap; align-items: baseline; color: #e0efff; min-height: 1.6em; }
.en-terminal-demo .en-terminal-prompt { flex-shrink: 0; margin-right: .55rem; color: var(--terminal-accent); }
.en-terminal-demo [data-terminal-command] { color: #d8ebff; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .73rem; }
.en-terminal-demo [data-terminal-output] { display: grid; gap: .4rem; margin-top: .65rem; font-size: .69rem; line-height: 1.5; color: #a4bdd3; }
.en-terminal-demo [data-terminal-output] > span { color: #a4bdd3; }
.en-home-motion .en-terminal-cursor { margin-left: .12rem; color: var(--terminal-accent); }
.en-preview-motion-button { display: block; margin: .7rem 0 0 auto; padding: .2rem 0; color: #9fb5cb; font-size: .61rem; background: none; border: none; border-bottom: 1px dashed #51657b; }
.en-preview-motion-button[hidden] { display: none; }
.en-preview-motion-button:hover { color: #d8edff; }
.en-preview-motion-button:focus-visible { outline: 2px solid #a9deff; outline-offset: 4px; }
.en-preview-paused .en-terminal-cursor { animation-play-state: paused; }
.en-home-motion .en-section { position: relative; }
.en-home-motion .en-section-head, .en-home-motion .en-hardware-intro { position: relative; }
.en-home-motion .en-section-head::after, .en-home-motion .en-hardware-intro::after { content: ''; position: absolute; bottom: -16px; left: 0; width: 70px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #4cdae8, #b899ff); transform: scaleX(clamp(.15, calc(var(--section-progress, .4) * 2), 1)); transform-origin: left; }
.en-home-motion .en-hardware-card { position: relative; overflow: hidden; border-color: #354b63; }
.en-home-motion .en-hardware-card::before { content: ''; position: absolute; inset: 0 auto auto 0; width: 100%; height: 2px; background: linear-gradient(90deg, #49d9ed, #bd9eff); transform-origin: left; transform: scaleX(clamp(.1, calc(var(--section-progress, .4) * 1.8), 1)); opacity: .9; }
.en-home-motion .en-hardware-card:nth-child(2)::before { background: linear-gradient(90deg, #bd9eff, #61e2b9); }
.en-home-motion .en-hardware-locator { box-shadow: 0 0 28px #48cadd14; }
.en-home-motion .en-cta-panel { position: relative; overflow: hidden; border-color: #3c566c; background: radial-gradient(ellipse at calc(var(--section-progress, .5) * 100%) 100%, #50386630, transparent 65%), linear-gradient(120deg, #12323b, #151d2c); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .en-home-motion .en-hardware-card { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
    .en-home-motion .en-hardware-card:hover { transform: translateY(-5px); border-color: #6f98b8; box-shadow: 0 20px 45px #00000025; }
}
@media (prefers-reduced-motion: no-preference) {
    .en-home-motion .en-section-head h2, .en-home-motion .en-hardware-intro h2 { background-image: linear-gradient(100deg, #fff 20%, #8debf0 48%, #e5d4ff 65%, #fff 85%); background-size: 220% 100%; background-position: calc(var(--section-progress, .5) * 100%) 0; color: transparent; background-clip: text; -webkit-background-clip: text; }
    .en-home-motion .en-hardware-card { opacity: .82; }
    .en-home-motion .en-in-view .en-hardware-card { opacity: 1; transition: opacity .6s ease, border-color .3s ease; }
    .en-home-motion .en-in-view .en-hardware-card:nth-child(2) { transition-delay: .1s; }
}
@media (max-width: 991px) {
    .en-home-motion .en-console-preview { transform: none; }
    .en-home-motion .en-hosting-hero .en-grid-glow { opacity: .4; }
}
@media (prefers-reduced-motion: reduce) {
    .en-home-motion *, .en-home-motion *::before, .en-home-motion *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
    .en-home-motion .en-console-preview { transform: none; }
    .en-home-motion .en-grid-glow { background-position: 0 0; }
    .en-home-motion .en-hardware-card { opacity: 1; }
}