/* Atmospheric current: a slow aurora makes the hero feel alive before the user even moves. */
.hero-aurora { position: absolute; z-index: 0; inset: -25% -12%; pointer-events: none; opacity: .65; filter: blur(40px); background: radial-gradient(ellipse at 24% 65%, rgba(36, 211, 238, .18), transparent 28%), radial-gradient(ellipse at 63% 35%, rgba(80, 104, 255, .16), transparent 28%), radial-gradient(ellipse at 80% 73%, rgba(24, 233, 186, .11), transparent 25%); animation: aurora-drift 19s ease-in-out infinite alternate; }
.hero-aurora::before { content: ""; position: absolute; inset: 13%; border-radius: 48%; border: 1px solid rgba(118, 248, 255, .13); box-shadow: 0 0 0 72px rgba(77, 233, 246, .018), 0 0 0 144px rgba(77, 233, 246, .012); transform: rotate(-21deg); animation: aurora-ring 15s linear infinite; }

/* The free section becomes a quiet hologram rather than a static brand wall. */
.free-hologram { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; width: 54%; pointer-events: none; overflow: hidden; opacity: .72; background: radial-gradient(ellipse at 58% 52%, rgba(36, 231, 242, .14), transparent 44%); }
.free-hologram::before, .free-hologram::after { content: ""; position: absolute; border-radius: 50%; }.free-hologram::before { width: 610px; height: 610px; top: 50%; left: 50%; border: 1px solid rgba(101, 244, 251, .2); box-shadow: 0 0 0 42px rgba(92, 239, 248, .025), 0 0 0 84px rgba(92, 239, 248, .018); transform: translate(-50%, -50%); animation: holo-orbit 20s linear infinite; }.free-hologram::after { top: -10%; bottom: -10%; left: 44%; width: 1px; background: linear-gradient(transparent, rgba(106, 250, 255, .8), transparent); box-shadow: 0 0 20px rgba(92, 240, 250, .9); animation: holo-scan 5.8s ease-in-out infinite; }
.free-hologram i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #a4ffff; box-shadow: 0 0 0 7px rgba(71, 239, 248, .1), 0 0 20px #57eff9; animation: holo-node 3.5s ease-in-out infinite; }.free-hologram i:nth-child(1) { left: 28%; top: 27%; }.free-hologram i:nth-child(2) { right: 20%; bottom: 24%; animation-delay: -1.1s; }.free-hologram i:nth-child(3) { left: 44%; bottom: 13%; animation-delay: -2.1s; }
.free-content { isolation: isolate; }.brand-echo { z-index: 1; }.free-copy { position: relative; z-index: 2; }

/* Desktop pointer energy and tactile press feedback. */
.cursor-aura { position: fixed; z-index: 25; left: 0; top: 0; width: 420px; height: 420px; border-radius: 50%; pointer-events: none; opacity: 0; transform: translate3d(-50%, -50%, 0); background: radial-gradient(circle, rgba(57, 232, 246, .07), transparent 66%); mix-blend-mode: screen; transition: opacity .35s ease; }
.cursor-aura.is-active { opacity: 1; }.click-ripple { position: absolute; z-index: 2; width: 14px; height: 14px; border-radius: 50%; pointer-events: none; background: rgba(229, 255, 255, .55); transform: translate(-50%, -50%) scale(0); animation: click-ripple .7s ease-out both; }
.desk-tabs button { position: relative; overflow: hidden; }

@keyframes aurora-drift { 0% { transform: translate3d(-3%, 2%, 0) rotate(-4deg) scale(1); } 100% { transform: translate3d(4%, -3%, 0) rotate(5deg) scale(1.1); } }
@keyframes aurora-ring { to { transform: rotate(339deg); } }
@keyframes holo-orbit { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes holo-scan { 50% { transform: translateX(170px); opacity: .28; } }
@keyframes holo-node { 50% { transform: scale(1.65); opacity: .38; } }
@keyframes click-ripple { to { transform: translate(-50%, -50%) scale(16); opacity: 0; } }
@media (max-width: 900px) { .free-hologram { width: 100%; opacity: .48; }.free-hologram::before { width: 470px; height: 470px; }.cursor-aura { display: none; } }
@media (max-width: 620px) { .hero-aurora { opacity: .46; }.free-hologram { right: -18%; width: 118%; }.free-hologram::before { width: 360px; height: 360px; }.free-hologram::after { left: 56%; } }
@media (prefers-reduced-motion: reduce) { .hero-aurora, .free-hologram { animation: none; }.hero-aurora::before, .free-hologram::before, .free-hologram::after, .free-hologram i { animation: none; }.cursor-aura { display: none; }.click-ripple { display: none; } }