:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
::selection { background: #c8f1de; color: #102a2e; }
.hero-orbit { position: absolute; border-radius: 999px; pointer-events: none; filter: blur(2px); }
.hero-orbit-one { width: 32rem; height: 32rem; right: -14rem; top: 4rem; border: 1px solid rgba(20,108,110,.18); box-shadow: 0 0 0 70px rgba(200,241,222,.18), 0 0 0 140px rgba(241,111,93,.05); }
.hero-orbit-two { width: 14rem; height: 14rem; left: -7rem; bottom: 1rem; background: rgba(200,241,222,.45); }
a { outline-offset: 3px; }
@media (prefers-reduced-motion: no-preference) {
  .hero-orbit-one { animation: drift 12s ease-in-out infinite alternate; }
  @keyframes drift { to { transform: translate(-2rem, 1.5rem) rotate(8deg); } }
}