.era-hero-cinematic{position:relative;width:min(720px,112%);margin-left:-5%;aspect-ratio:1.55;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none;isolation:isolate;transform:perspective(1100px) rotateY(var(--demo-ry,0deg)) rotateX(var(--demo-rx,0deg));transition:transform .2s ease-out}.era-hero-cinematic:before{content:"";position:absolute;z-index:-1;inset:5% -5%;border-radius:50%;background:radial-gradient(ellipse at 70% 50%,rgba(78,65,201,.31),transparent 62%);filter:blur(30px)}.era-hero-cinematic>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 94%,transparent 100%),linear-gradient(0deg,transparent 0,#000 12%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 94%,transparent 100%);filter:saturate(.92) contrast(1.04);animation:cinematic-breathe 8s ease-in-out infinite}.cinematic-sweep{position:absolute;z-index:3;inset:8% 5%;overflow:hidden;border-radius:45%}.cinematic-sweep:before{content:"";position:absolute;left:-40%;top:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(123,153,255,.12),rgba(255,220,130,.16),transparent);transform:skew(-18deg);animation:cinematic-scan 7s ease-in-out infinite}.cinematic-glow{position:absolute;z-index:2;right:17%;top:16%;width:9px;height:9px;border-radius:50%;background:#ffe7a0;box-shadow:0 0 12px 4px #f1c96b;animation:hero-glint 3.2s ease-in-out infinite}.hero-signal{position:absolute;z-index:6;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(232,196,104,.24);border-radius:14px;background:linear-gradient(145deg,#181632e6,#070910db);box-shadow:0 16px 35px #00000057;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:hero-card-float 5s ease-in-out infinite}.hero-signal>i{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(241,207,116,.28);border-radius:9px;color:#f1cf74;background:#d1a74217;font-style:normal}.hero-signal b,.hero-signal small{display:block}.hero-signal b{color:#f4f3f0;font-size:10px}.hero-signal small{margin-top:2px;color:#858c9e;font-size:7px}.signal-new{left:8%;top:13%}.signal-dialog{right:2%;top:25%;animation-delay:-1.7s}.signal-ready{right:7%;bottom:9%;animation-delay:-3.3s}.hero-chat-bubble{position:absolute;z-index:5;max-width:180px;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0f0f1cd1;box-shadow:0 12px 30px #0000004d;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);color:#d9dce5;font-size:8px;line-height:1.45;opacity:0;animation:hero-message 8s ease-in-out infinite}.hero-chat-bubble b{color:#efcc70}.bubble-one{left:10%;bottom:24%;border-radius:14px 14px 3px;animation-delay:1s}.bubble-two{left:24%;bottom:9%;animation-delay:2.6s}.hero-live{position:absolute;z-index:7;left:50%;bottom:1%;display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:#07090fc2;color:#858c9c;font-size:8px;letter-spacing:.04em;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-live i{width:6px;height:6px;border-radius:50%;background:#5de0ac;box-shadow:0 0 12px #5de0ac;animation:hero-online 1.5s ease-in-out infinite}@keyframes cinematic-breathe{50%{transform:scale(1.018);filter:saturate(1.06) contrast(1.05)}}@keyframes cinematic-scan{0%,18%{left:-40%;opacity:0}35%{opacity:1}70%,to{left:125%;opacity:0}}@keyframes hero-glint{50%{transform:scale(1.7);opacity:.45}}@keyframes hero-card-float{50%{transform:translateY(-7px)}}@keyframes hero-message{0%,10%{opacity:0;transform:translateY(8px)}18%,82%{opacity:1;transform:none}92%,to{opacity:0}}@keyframes hero-online{50%{opacity:.3;transform:scale(.75)}}@media(max-width:900px){.era-hero-cinematic{width:min(720px,106%);margin:20px auto 0 -3%}}@media(max-width:620px){.era-hero-cinematic{width:112%;margin-left:-6%;aspect-ratio:1.25}.era-hero-cinematic>img{object-position:71% center}.hero-signal{padding:7px 9px}.hero-signal>i{width:24px;height:24px}.hero-signal b{font-size:8px}.hero-signal small{font-size:6px}.signal-new{left:4%}.signal-dialog{right:0}.signal-ready{right:2%}.hero-chat-bubble{max-width:145px;font-size:7px}}@media(prefers-reduced-motion:reduce){.era-hero-cinematic>img,.cinematic-sweep:before,.cinematic-glow,.hero-signal,.hero-chat-bubble,.hero-live i{animation:none!important}.hero-chat-bubble{opacity:1}}