/* The haxofi.com/<kind>/ link pages (link.js): one look for all of them. */
:root{
  --ink:#05070C; --steel-a:#10151F; --edge:rgba(140,170,220,.16);
  --text:#EAF0F8; --dim:#7E8CA3; --red:#D81F2A; --blue:#3D7BFF;
  --display:"Barlow Condensed","Archivo Narrow","Arial Narrow","Roboto Condensed",sans-serif;
  --body:"Open Sans",system-ui,"Segoe UI",sans-serif;
  --skew:-4deg;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--ink);color:var(--text);
  font-family:var(--body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;padding:24px}
main{width:100%;max-width:520px;text-align:center}
.logo{height:44px;width:auto;margin-bottom:28px}
h1{font-family:var(--display);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  font-size:clamp(34px,8vw,52px);line-height:1;margin:0 0 12px}
p{color:var(--dim);margin:0 0 26px}
.btn{display:inline-block;border:0;color:#fff;font-family:var(--display);font-style:italic;font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;font-size:18px;text-decoration:none;padding:15px 26px;
  transform:skewX(var(--skew));background:var(--red);cursor:pointer;transition:filter .12s}
.btn[hidden]{display:none}
.btn:hover{filter:brightness(1.12)}
.btn:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.get{margin-top:40px;padding-top:26px;border-top:1px solid var(--edge)}
.get[hidden]{display:none}
.get h2{font-family:var(--display);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  font-size:22px;margin:0 0 14px}
.os{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.os a{color:var(--text);text-decoration:none;border:1px solid var(--edge);background:var(--steel-a);
  padding:10px 18px;font-weight:600}
.os a:hover{border-color:var(--text)}