.hero-live{width:7px;height:7px;border-radius:50%;background:#1e9e6a;box-shadow:0 0 8px #1e9e6a;animation:hero-blink 2.4s ease infinite}@keyframes hero-blink{0%,to{opacity:1}50%{opacity:.35}}.hero-stage{height:620px;perspective:1400px}.hero-stage .glass{position:absolute;border-radius:22px;padding:22px 24px;overflow:hidden;transform-style:preserve-3d;transition:transform .25s ease;will-change:translate;backface-visibility:hidden;background:linear-gradient(135deg,#ffffffb8,#ffffff73);border:1px solid rgba(0,0,0,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 70px #14151a1a,inset 0 1px #fffc}.hero-stage .glass:before{content:"";position:absolute;top:0;left:-90%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(108,92,231,.07),transparent);transform:skew(-18deg);animation:hero-sweep 7s ease infinite}.hero-stage .g1:before{animation-delay:0s}.hero-stage .g2:before{animation-delay:2.2s}.hero-stage .g3:before{animation-delay:4.4s}@keyframes hero-sweep{0%,55%{left:-90%}80%,to{left:140%}}.hero-stage .g1{top:8px;right:-6px;width:336px;animation:hero-hover1 10s ease-in-out infinite}.hero-stage .g2{top:250px;right:132px;width:305px;animation:hero-hover2 12s ease-in-out infinite}.hero-stage .g3{top:452px;right:-6px;width:290px;animation:hero-hover3 11s ease-in-out infinite}@keyframes hero-hover1{0%,to{translate:0 0}50%{translate:0 -13px}}@keyframes hero-hover2{0%,to{translate:0 0}50%{translate:0 -17px}}@keyframes hero-hover3{0%,to{translate:0 0}50%{translate:0 -9px}}.hero-stage .g-label{display:flex;align-items:center;gap:10px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;color:#14151a}.hero-stage .g-dot{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.hero-stage .g-body{margin-top:12px;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.6;color:#3a3f4a;min-height:44px}.hero-stage .g-body b{color:#14151a}.hero-stage .q{color:#14151a;font-style:italic}.hero-stage .answer{display:block;transition:opacity .7s}.hero-stage .caret{display:none;width:1px;height:14px;background:#6c5ce7;vertical-align:-2px;animation:hero-blink .9s steps(1) infinite}html.js .hero-stage .caret{display:inline-block}.hero-stage .cited-chip{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 13px;border-radius:999px;font-family:Inter,system-ui,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:#157a52;background:#1e9e6a1a;border:1px solid rgba(30,158,106,.35);transition:all .5s cubic-bezier(.2,.9,.3,1.4)}html.js .hero-stage .cited-chip{opacity:0;transform:translateY(5px)}html.js .hero-stage .cited-chip.on{opacity:1;transform:translateY(0)}html.js .hero-stage .reveal{opacity:0;transform:translateY(14px) scale(.985);transition:all .8s cubic-bezier(.16,.8,.3,1)}html.js .hero-stage .reveal.on{opacity:1;transform:translateY(0) scale(1)}.hero-stage .orb-wrap{position:absolute;top:210px;right:398px;width:150px;height:150px;animation:hero-orbF 9s ease-in-out infinite;will-change:translate}@keyframes hero-orbF{0%,to{translate:0 0}50%{translate:0 -18px}}.hero-stage .orb{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#c8bfff,#6c5ce7 48%,#2f1e86 82%);box-shadow:0 34px 90px #6c5ce78c,inset -14px -18px 44px #0006,inset 10px 12px 30px #ffffff47;display:flex;align-items:center;justify-content:center}.hero-stage .orb svg{width:52px;height:52px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35))}.hero-stage .orb-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(108,92,231,.35);animation:hero-oring 3.2s ease-out infinite}.hero-stage .orb-ring.d{animation-delay:1.6s}@keyframes hero-oring{0%{transform:scale(.82);opacity:.8}to{transform:scale(1.45);opacity:0}}.hero-stage .thread{position:absolute;height:1px;background:linear-gradient(90deg,#6c5ce700,#6c5ce766,#6c5ce700);transform-origin:left center;opacity:.55;animation:hero-threadPulse 3.4s ease infinite}@keyframes hero-threadPulse{0%,to{opacity:.25}50%{opacity:.7}}.hero-stage .t1{top:104px;right:180px;width:185px;transform:rotate(-24deg)}.hero-stage .t2{top:276px;right:235px;width:125px;transform:rotate(8deg);animation-delay:.8s}.hero-stage .t3{top:316px;right:180px;width:205px;transform:rotate(34deg);animation-delay:1.6s}@media(prefers-reduced-motion:reduce){html.js .hero-stage .reveal,html.js .hero-stage .cited-chip{opacity:1;transform:none}.hero-stage .answer{opacity:1!important}html.js .hero-stage .caret{display:none}}
