:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f2effa;background:#111019;line-height:1.6;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 75% 35%,#30204855,transparent 50%)}
header,footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 5vw}header{border-bottom:1px solid #ffffff0d}
.wordmark{font-size:23px;font-weight:700;text-decoration:none;color:inherit;letter-spacing:-1px}.wordmark span{color:#be9cff;margin-right:8px}
.header-note,.eyebrow{font-size:10px;letter-spacing:.2em;color:#aaa2bb}
main{position:relative;isolation:isolate;flex:1;width:min(100%,1080px);margin:auto;padding:80px 60px 60px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
body.ready main{opacity:1;visibility:visible;transform:none}.eyebrow{margin:0 0 25px}
h1{font-size:clamp(88px,12vw,150px);font-weight:650;letter-spacing:-.075em;line-height:.95;margin:0 0 30px}h1 span{background:linear-gradient(100deg,#cdb4ff,#f1b4d8 70%);background-clip:text;color:transparent}
.intro{color:#b4adbf;font-size:16px;line-height:1.9}.tiny-line{width:40px;height:2px;margin-top:35px;background:#b79cdb}
.planet{position:absolute;z-index:-1;right:60px;top:100px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#a387c9 0,#473562 27%,#191321 65%);box-shadow:0 0 100px #8f47dd17,inset 0 0 30px #c6a8ec22;display:grid;place-items:center;transform:rotate(-20deg)}
.planet:after{content:"";position:absolute;width:370px;height:100px;border:1px solid #b895e850;border-radius:50%;transform:rotate(-15deg)}.planet span{font-size:76px;color:#dac1ffb3}
footer{font-size:12px;border-top:1px solid #ffffff0d;color:#aaa2bb}footer p{margin:0}a:focus-visible{outline:2px solid #e9c3ff;outline-offset:5px}
#loader{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none}.spinner{width:34px;height:34px;border:2px solid #b895e830;border-top-color:#d6bcfa;border-radius:50%;animation:spin .8s linear infinite}body.ready #loader{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){main{transition:none;transform:none}.spinner{animation:none}}
@media(max-width:700px){header,footer{padding:20px 24px}.header-note{display:none}main{padding:110px 28px 60px}.planet{right:20px;top:34px;width:135px;height:135px;opacity:.55}.planet:after{width:175px;height:55px}.planet span{font-size:40px}h1{font-size:94px}.eyebrow{font-size:8px}.intro{font-size:14px}footer{font-size:11px}}