/* Compact hardware silhouettes behind the hero download CTA. */
body.eloria-theme .eloria-hero-scene .eloria-create-cta { position: relative; isolation: isolate; padding: 9px 22px; transition: border-color .6s ease, box-shadow .6s ease; }
.eloria-create-copy { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.eloria-create-title { display: flex; align-items: center; justify-content: center; gap: 8px; width: 153px; height: 22px; white-space: nowrap; }
.eloria-create-subtitle { font-size: 8px; font-weight: 600; line-height: 1.4; letter-spacing: 1.3px; color: #f4c5d4; white-space: nowrap; }
body.eloria-theme .eloria-hero-scene .eloria-create-cta:is(:hover, :focus-visible) { box-shadow: 0 0 24px #ce345145, 0 5px 20px #0005; }
body.eloria-theme .eloria-create-cta:focus-visible { outline: 2px solid #f4aac7; outline-offset: 4px; }
@media (max-width: 600px) {
    body.eloria-theme .eloria-hero-scene .eloria-create-cta { padding: 8px 12px; }
    .eloria-create-title { width: 130px; height: 20px; }
    .eloria-create-subtitle { font-size: 7px; letter-spacing: .9px; }
}
@media (prefers-reduced-motion: reduce) {
    body.eloria-theme .eloria-hero-scene .eloria-create-cta { transition: none; }
}
body.eloria-theme .eloria-hero-actions { padding-top: 48px; align-items: flex-end; column-gap: 32px; row-gap: 76px; }
body.eloria-theme .eloria-download-device-cta { position: relative; isolation: isolate; }
body.eloria-theme .eloria-hero-scene .eloria-download-device-cta { padding: 9px 22px; border-color: #f088aa80; background: linear-gradient(120deg, #bd3156, #851f40); box-shadow: 0 5px 20px #0005; }
body.eloria-theme .eloria-hero-scene .eloria-download-device-cta { transition: border-color .6s ease, box-shadow .6s ease; }
body.eloria-theme .eloria-hero-scene .eloria-download-device-cta:is(:hover, :focus-visible) { background: linear-gradient(120deg, #d44069, #a42b52); border-color: #f49aad; box-shadow: 0 0 24px #ce345145, 0 5px 20px #0005; }
.eloria-download-copy { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.eloria-download-options { display: grid; width: 153px; height: 22px; align-items: center; }
.eloria-download-option { grid-area: 1 / 1; display: flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; }
.eloria-download-option-client { animation: eloria-client-label 8s ease-in-out infinite; }
.eloria-download-option-browser { opacity: 0; animation: eloria-browser-label 8s ease-in-out infinite; }
.eloria-download-platforms { font-size: 8px; font-weight: 600; line-height: 1.4; letter-spacing: 1.3px; color: #f4c5d4; white-space: nowrap; }
.eloria-download-device-cta::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(110deg, transparent 25%, #ffb8d21a 48%, transparent 70%); background-size: 300% 100%; animation: eloria-download-shine 8s ease-in-out infinite; }
.eloria-download-device-cta:is(:hover, :focus-visible) .eloria-download-option,
.eloria-download-device-cta:is(:hover, :focus-visible)::after { animation-play-state: paused; }
@keyframes eloria-client-label {
    0%, 40%, 100% { opacity: 1; transform: translateY(0); }
    48%, 90% { opacity: 0; transform: translateY(-6px); }
}
@keyframes eloria-browser-label {
    0%, 40%, 100% { opacity: 0; transform: translateY(6px); }
    48%, 90% { opacity: 1; transform: translateY(0); }
}
@keyframes eloria-download-shine {
    0%, 35% { background-position: 100% 0; opacity: 0; }
    40% { opacity: 1; }
    60%, 100% { background-position: 0 0; opacity: 0; }
}
.eloria-download-devices { position: absolute; width: 206px; height: 72px; left: 50%; bottom: calc(100% - 15px); transform: translateX(-50%); pointer-events: none; z-index: -1; }
.eloria-download-devices::before { content: ''; position: absolute; inset: 15px 10px -6px; background: radial-gradient(ellipse, #ce345130, transparent 70%); opacity: .45; transition: opacity .7s ease; }
.eloria-device { position: absolute; display: block; background: linear-gradient(145deg, #49303f, #18131c 55%, #0e0d12); border: 1px solid #987084; box-shadow: inset 0 1px 0 #e8bfd82b, 0 5px 10px #0007; transition: transform .7s cubic-bezier(.22, 1, .36, 1), border-color .6s ease, box-shadow .6s ease; }
.eloria-device-screen { position: absolute; display: flex; align-items: center; justify-content: center; inset: 4px; overflow: hidden; border: 1px solid #72506066; border-radius: 3px; background: linear-gradient(145deg, #261d2b, #0b0a10); transition: box-shadow .65s ease, border-color .65s ease; }
.eloria-device-screen::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 70%, #af355e, #44213c 65%, #211326); opacity: 0; transition: opacity .65s ease; }
.eloria-device-screen i { position: relative; z-index: 1; color: #fce8f1; font-size: 19px; opacity: .12; transform: scale(.96); text-shadow: 0 0 12px #ff95b5; filter: drop-shadow(0 0 0 transparent); transition: filter .65s ease, opacity .65s ease, transform .7s cubic-bezier(.22, 1, .36, 1); }
.eloria-device-monitor { width: 91px; height: 56px; left: 57px; top: 0; border-radius: 6px; }
.eloria-device-monitor::before { content: ''; position: absolute; width: 9px; height: 13px; left: 40px; top: 54px; background: linear-gradient(90deg, #352632, #705166, #251c27); }
.eloria-device-monitor::after { content: ''; position: absolute; width: 37px; height: 3px; left: 26px; top: 65px; border-radius: 50%; background: #765166; }
.eloria-device-laptop { width: 67px; height: 42px; left: 126px; top: 24px; border-radius: 5px 5px 2px 2px; transform: rotate(7deg); }
.eloria-device-laptop::after { content: ''; position: absolute; height: 4px; left: -6px; right: -6px; bottom: -5px; border-radius: 1px 1px 6px 6px; background: linear-gradient(#9a758a, #362534); box-shadow: 0 3px 4px #0005; }
.eloria-device-laptop .eloria-device-screen i { font-size: 16px; }
.eloria-device-phone { width: 27px; height: 49px; left: 23px; top: 18px; border-radius: 6px; transform: rotate(-9deg); z-index: 2; }
.eloria-device-phone .eloria-device-screen { inset: 3px; border-radius: 3px; }
.eloria-device-phone .eloria-device-screen::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 9px; height: 3px; border-radius: 0 0 3px 3px; background: #171019; }
.eloria-device-phone .eloria-device-screen i { font-size: 14px; }
.eloria-download-device-cta:hover .eloria-download-devices::before,
.eloria-download-device-cta:focus-visible .eloria-download-devices::before { opacity: 1; }
.eloria-download-device-cta:is(:hover, :focus-visible) .eloria-device { border-color: #e4a0ba; box-shadow: inset 0 1px 0 #ffd8e650, 0 0 16px #ce345133, 0 5px 10px #0007; }
.eloria-download-device-cta:is(:hover, :focus-visible) .eloria-device-monitor { transform: translateY(-3px); }
.eloria-download-device-cta:is(:hover, :focus-visible) .eloria-device-laptop { transform: translateY(-2px) rotate(5deg); }
.eloria-download-device-cta:is(:hover, :focus-visible) .eloria-device-phone { transform: translateY(-2px) rotate(-7deg); }
.eloria-download-device-cta:is(:hover, :focus-visible) .eloria-device-screen { border-color: #f4aac780; box-shadow: inset 0 0 12px #e45c8738; }
.eloria-download-device-cta:is(:hover, :focus-visible) .eloria-device-screen::after { opacity: 1; }
.eloria-download-device-cta:is(:hover, :focus-visible) .eloria-device-screen i { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 4px #ff9dc1) drop-shadow(0 0 8px #ce345180); }
body.eloria-theme .eloria-download-device-cta:focus-visible { outline: 2px solid #f4aac7; outline-offset: 4px; }
@media (max-width: 600px) {
    body.eloria-theme .eloria-hero-actions { padding-top: 42px; column-gap: 20px; row-gap: 66px; }
    body.eloria-theme .eloria-hero-scene .eloria-download-device-cta { padding: 8px 12px; }
    .eloria-download-options { width: 130px; height: 20px; }
    .eloria-download-platforms { font-size: 7px; letter-spacing: .9px; }
    .eloria-download-devices { transform: translateX(-50%) scale(.85); transform-origin: center bottom; }
}
@media (hover: none) {
    .eloria-device-screen { background: radial-gradient(ellipse at bottom, #6d2749, #201326); }
    .eloria-device-screen i { opacity: .8; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
    body.eloria-theme .eloria-hero-scene .eloria-download-device-cta,
    .eloria-download-devices::before, .eloria-device, .eloria-device-screen, .eloria-device-screen::after, .eloria-device-screen i { transition: none; }
    .eloria-download-option, .eloria-download-device-cta::after { animation: none; }
    .eloria-download-option-browser { display: none; }
    .eloria-download-device-cta::after { display: none; }
}