.orb{height:252vh;position:relative}.orb-sticky{flex-direction:column;align-items:center;gap:40px;height:100vh;padding-top:12vh;display:flex;position:sticky;top:0;overflow:hidden}.orb-title{text-align:center;white-space:nowrap;z-index:2}.orb-system{transform-origin:50%;width:595px;height:600px;position:relative}.orb-ring{border-radius:50%;position:absolute;top:50%;left:50%}.orb-ring:after{content:"";pointer-events:none;border:1px solid #303030;border-radius:50%;position:absolute;inset:0}.orb-ring--outer{width:520px;height:520px;margin:-260px 0 0 -260px}.orb-ring--inner{width:370px;height:370px;margin:-185px 0 0 -185px}.orb-badge-anchor{width:0;height:0;position:absolute}.orb-badge{color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:-18px;left:-18px}.orb-core{border-radius:50%;place-items:center;width:200px;height:200px;margin:-100px 0 0 -100px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 44px #303030,inset 0 0 44px #303030}.orb-glow{background:var(--grad-glow);filter:blur(100px);pointer-events:none;width:400px;height:300px;margin-left:-200px;position:absolute;bottom:-120px;left:50%}@media (width<=809.98px){.orb-sticky{padding-top:120px}.orb-title{white-space:normal;padding:0 32px;font-size:32px}.orb-system{width:420px;height:420px;margin-top:60px}.orb-ring--outer{width:420px;height:420px;margin:-210px 0 0 -210px}.orb-ring--inner{width:270px;height:270px;margin:-135px 0 0 -135px}.orb-core{width:120px;height:120px;margin:-60px 0 0 -60px}}