.chero{--chero-bg:#05080f;--chero-bg-2:#0a1120;--chero-line:#b8733347;--chero-copper:#c98a4b;--chero-copper-soft:#e2b183;--chero-green:#6fd6b0;--chero-text:#eef2f8;--chero-text-soft:#e2e8f0b8;--chero-panel:#ffffff0b;color:var(--chero-text);background:var(--chero-bg);isolation:isolate;position:relative}.chero__stage{height:100vh;position:sticky;top:0;overflow:hidden}.chero__bg{z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 8%, #30589647 0%, transparent 62%), radial-gradient(70% 60% at 12% 82%, #c98a4b29 0%, transparent 70%), radial-gradient(60% 55% at 88% 70%, #6fd6b01a 0%, transparent 70%), linear-gradient(180deg, var(--chero-bg) 0%, var(--chero-bg-2) 55%, var(--chero-bg) 100%);position:absolute;inset:0}.chero__grid{z-index:0;pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:-10%;transform:perspective(700px)rotateX(58deg)translateY(18%)scale(1.6);-webkit-mask-image:radial-gradient(60% 60% at 50% 40%,#000 20%,#0000 78%);mask-image:radial-gradient(60% 60% at 50% 40%,#000 20%,#0000 78%)}.chero__vignette{z-index:3;pointer-events:none;background:radial-gradient(120% 80%,#0000 45%,#03060cb8 100%);position:absolute;inset:0}.chero__core{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.chero__coreInner{aspect-ratio:1;place-items:center;width:min(46vh,420px);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .7s;display:grid;position:relative}.chero__ring{border:1px solid var(--chero-line);border-radius:50%;animation:26s linear infinite chero-spin;position:absolute;inset:0}.chero__ring--2{border-style:dashed;border-color:#e2e8f029;animation-duration:40s;animation-direction:reverse;inset:9%}.chero__ring--3{border-color:#6fd6b03d;animation-duration:18s;inset:20%}.chero__halo{filter:blur(18px);background:radial-gradient(circle,#c98a4b4d 0%,#0000 62%);border-radius:50%;animation:6s ease-in-out infinite chero-pulse;position:absolute;inset:-18%}.chero__logo{object-fit:contain;filter:drop-shadow(0 18px 44px #c98a4b73);width:46%;height:auto;position:relative}.chero__logo--fit{width:auto;max-width:66%;height:68%}.chero__orbit{animation:34s linear infinite chero-spin;position:absolute;inset:0}.chero__orbitDot{background:var(--chero-copper-soft);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;box-shadow:0 0 14px #e2b183e6}.chero__signal{border:1px solid #c98a4b66;border-radius:50%;animation:4.2s ease-out infinite chero-signal;position:absolute;inset:0}.chero__signal--b{animation-delay:1.4s}.chero__signal--c{animation-delay:2.8s}@keyframes chero-spin{to{transform:rotate(360deg)}}@keyframes chero-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}@keyframes chero-signal{0%{opacity:.55;transform:scale(.75)}to{opacity:0;transform:scale(1.5)}}.chero__content{z-index:2;align-items:center;height:100%;display:flex;position:relative}.chero__panel{background:var(--chero-panel);-webkit-backdrop-filter:saturate(140%)blur(14px);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 30px 70px -40px #000000e6}.chero__chapter{animation:.7s cubic-bezier(.16,1,.3,1) both chero-in}.chero__chapter--right{animation-name:chero-in-right}@keyframes chero-in{0%{opacity:0;transform:translate(-18px,12px)}to{opacity:1;transform:none}}@keyframes chero-in-right{0%{opacity:0;transform:translate(18px,12px)}to{opacity:1;transform:none}}.chero__progress{z-index:4;background:#ffffff14;height:2px;position:absolute;bottom:0;left:0;right:0}.chero__progressBar{background:linear-gradient(90deg, var(--chero-copper), var(--chero-copper-soft), var(--chero-green));height:100%;transition:width .16s linear}.chero__dot{border:1px solid #e2e8f066;border-radius:50%;width:10px;height:10px;transition:all .26s;display:block}.chero__dot[data-active=true]{background:var(--chero-copper);border-color:var(--chero-copper-soft);transform:scale(1.15);box-shadow:0 0 0 4px #c98a4b2e}.chero a:focus-visible,.chero button:focus-visible{outline:2px solid var(--chero-copper-soft);outline-offset:3px;border-radius:10px}@media (prefers-reduced-motion:reduce){.chero__ring,.chero__orbit,.chero__halo,.chero__signal,.chero__chapter{animation:none!important}.chero__coreInner{transition:none}}