:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#08080d;color:#f5f3ff}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 90% 0,rgba(136,91,245,.18),transparent 55%)}
main{max-width:860px;margin:auto;padding:70px 28px 38px}
.wordmark{margin:0 0 65px;font-size:54px;line-height:1;font-weight:750;letter-spacing:-4px}
.wordmark span{color:#ad8bff}
h1{font-size:clamp(40px,8vw,76px);line-height:1.06;letter-spacing:-2px;margin:0 0 26px}
p{max-width:620px;font-size:17px;line-height:1.65;color:#aaa7b9}
.intro{font-size:21px;color:#dbd6e8}
nav{display:flex;gap:12px;flex-wrap:wrap;margin:38px 0 60px}
a{color:#c5adff;text-underline-offset:4px}
nav a{padding:12px 18px;border:1px solid #3b314e;border-radius:999px;text-decoration:none}
a:hover{color:#fff}
a:focus-visible{outline:3px solid #c5adff;outline-offset:5px}
footer{border-top:1px solid #30273e;padding-top:22px}
footer p{margin:0 0 5px;font-size:14px}
footer a{font-size:14px}
@media(max-width:500px){main{padding:40px 22px}.wordmark{margin-bottom:50px}nav{display:grid;grid-template-columns:1fr}nav a{text-align:center}}