.hero{position:relative;padding:96px 32px 0;border-bottom:1px solid rgba(255,255,255,.14)}.hero__ring{position:absolute;top:120px;right:-80px;width:620px;height:620px;border:1px solid var(--acc);opacity:.3;border-radius:50%;pointer-events:none}.hero__square{position:absolute;top:210px;right:60px;width:380px;height:380px;border:1px solid rgba(255,255,255,.1);transform:rotate(18deg);pointer-events:none;animation:hero-square-spin 60s linear infinite}.hero__divider{position:absolute;top:0;left:42%;width:1px;height:100%;background:#ffffff1a;pointer-events:none}.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:end}.hero__side{padding-bottom:18px;border-left:1px solid rgba(255,255,255,.14);padding-left:20px}.hero__bar{display:flex;align-items:center;justify-content:space-between;margin-top:72px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;color:#6e6e6e;text-transform:uppercase}@media(max-width:960px){.hero__grid{grid-template-columns:1fr}.hero__side{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.14);padding-top:18px;margin-top:18px}.hero__ring,.hero__square,.hero__divider{display:none}}@media(max-width:640px){.hero{padding-left:18px;padding-right:18px}}@keyframes hero-square-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}