/* aurora */
.aurora{position:absolute;inset:0;height:100%;overflow:hidden;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000 55%,transparent)}
.aurora i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:drift 16s ease-in-out infinite alternate}
.aurora i:nth-child(1){width:300px;height:300px;background:#fff;top:-60px;left:-90px;opacity:.06}
.aurora i:nth-child(2){width:260px;height:260px;background:#fff;top:120px;right:-110px;opacity:.04;animation-delay:-6s}
.aurora i:nth-child(3){width:200px;height:200px;background:#fff;top:300px;left:30%;opacity:.02;animation-delay:-11s}
@keyframes drift{to{transform:translate(50px,60px) scale(1.2)}}

/* hero */
.hero{position:relative;padding:64px 0 16px;display:flex;flex-direction:column;justify-content:center}
.status{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 12px;border-radius:99px;background:rgba(255,255,255,.07);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:.5px solid var(--line);font-size:14px;font-weight:500;margin-bottom:18px;align-self:flex-start}
.status b{width:8px;height:8px;border-radius:50%;background:#30d158;box-shadow:0 0 0 0 rgba(48,209,88,.6);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 9px rgba(48,209,88,0)}100%{box-shadow:0 0 0 0 rgba(48,209,88,0)}}
.hi{font-size:22px;color:var(--mu);margin-bottom:6px;font-weight:500}
.line{display:block;overflow:hidden;padding-bottom:.08em}
.line span{display:block;transform:translateY(110%);animation:rise 1.1s var(--spring) forwards}
.line:nth-child(2) span{animation-delay:.12s}.line:nth-child(3) span{animation-delay:.24s}
@keyframes rise{to{transform:none}}
.role{margin:16px 0 22px;font-size:19px;max-width:30ch;color:#9a9a9f;opacity:0;animation:fade .9s .6s forwards}
.role b{color:var(--tx);font-weight:600}
.cta{display:flex;gap:12px;flex-wrap:wrap;opacity:0;animation:fade .9s .8s forwards}
@keyframes fade{to{opacity:1}}
.btn{appearance:none;border:0;font:600 17px var(--sans);padding:15px 26px;border-radius:99px;cursor:pointer;color:var(--tx);background:var(--s3);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .35s var(--spring),filter .2s}
.btn.pri{background:#fff;color:#000}
.btn:active{transform:scale(.94);filter:brightness(.9)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.scroll{margin-top:28px;color:var(--mu);font-size:13px;display:flex;align-items:center;gap:10px;opacity:0;animation:fade 1s 1.2s forwards}
.scroll i{width:22px;height:34px;border-radius:12px;border:1.5px solid var(--mu);position:relative}
.scroll i::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--gold);animation:wheel 1.8s infinite}
@keyframes wheel{60%{transform:translateY(11px);opacity:0}}