:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#07090d;color:#eef3fa}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;min-height:100svh}.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:grid;place-items:center}.stars{position:absolute;inset:0;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 20%,#07090d99 100%)}.compass{position:absolute;width:min(120vw,110vh);width:var(--compass-size, min(120vw, 110svh));aspect-ratio:1;pointer-events:none;mask:var(--compass-mask) center / contain no-repeat;-webkit-mask:var(--compass-mask) center / contain no-repeat}canvas{display:block;width:100%;height:100%}.copy{z-index:1;width:100%;min-width:0;text-align:center;padding:3rem 1rem;pointer-events:none}.eyebrow{display:block;margin:0;font-size:.8rem;font-weight:600;line-height:1.5;letter-spacing:.26em;color:#a9bacd;text-transform:uppercase}h1{font-size:clamp(2.8rem,8vw,6rem);font-weight:550;letter-spacing:-.065em;margin:.7rem 0;text-shadow:0 2px 28px #07090d}.atlas-link{display:inline-block;margin-top:1.5rem;padding:.85rem 1.6rem;pointer-events:auto;border:1px solid #d2bc91;border-radius:10px;background:#d2bc91;color:#171a1f;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}.atlas-link:hover{background:#e3cfaa;border-color:#e3cfaa}:focus-visible{outline:2px solid #a7cdfd;outline-offset:4px}@media(prefers-reduced-motion:reduce){.atlas-link{transition:none}}