*{box-sizing:border-box}
html{color-scheme:dark;background:#000}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;color:#e6e6e6;-webkit-font-smoothing:antialiased;
background:radial-gradient(ellipse at center,rgba(0,0,0,.1) 0%,rgba(0,0,0,.75) 80%,#000 100%),linear-gradient(to bottom,rgba(0,0,0,.35),rgba(0,0,0,.6)),url("bg.jpg") center/cover no-repeat fixed #000;
background:radial-gradient(ellipse at center,rgba(0,0,0,.1) 0%,rgba(0,0,0,.75) 80%,#000 100%),linear-gradient(to bottom,rgba(0,0,0,.35),rgba(0,0,0,.6)),image-set(url("bg.webp") type("image/webp"),url("bg.jpg") type("image/jpeg")) center/cover no-repeat fixed #000}
header,footer{padding:2rem clamp(1.5rem,6vw,5rem);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a}
header{border-bottom:1px solid rgba(255,255,255,.08)}
footer{border-top:1px solid rgba(255,255,255,.08)}
main{padding:6rem clamp(1.5rem,6vw,5rem);max-width:60rem}
h1{font-size:clamp(3rem,10vw,6.5rem);font-weight:500;letter-spacing:-.04em;line-height:1;margin:0 0 1.5rem;color:#fff}
p{font-size:1.15rem;line-height:1.6;color:#a0a0a0;max-width:34rem;margin:0}
.links{list-style:none;padding:0;margin:3rem 0 0}
.links a{display:inline-block;padding:.75rem 1.4rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;text-decoration:none;font-size:.95rem;transition:background .2s,border-color .2s}
.links a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.6)}
header{text-transform:none}