:root {
  --bg: #0a0b0d;
  --ink: #dce1e8;
  --dim: #6b7480;
  --line: #1a1f26;
  --amber: #e0a23a;
  --mono: "Cascadia Code", "JetBrains Mono", ui-monospace, "SF Mono", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }

body {
  background: var(--bg);
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 56px 56px;
  background-position: center;
  color: var(--ink);
  font-family: var(--mono);
  min-height: 100dvh;
  display: grid;
  place-items: center;
}

/* vignette so the grid recedes into black at the edges */
body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none;
  background: radial-gradient(125% 125% at 50% 45%, transparent 45%, var(--bg) 100%);
}

main {
  position: relative;
  text-align: center;
  padding: 24px;
}

.brand {
  font-size: clamp(44px, 9vw, 88px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
}
.brand i { color: var(--amber); font-style: normal; }

.actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-top: 36px;
  flex-wrap: wrap;
}
.get {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 22px;
  min-height: 46px;
  font-size: 14px;
  color: var(--ink);
  text-decoration: none;
  border: 1px solid var(--amber);
  transition: background 0.15s, color 0.15s;
}
.get:hover, .get:focus-visible { background: var(--amber); color: #06080a; outline: none; }
.get svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.alt {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 13px 20px; min-height: 46px; font-size: 14px;
  color: var(--dim); text-decoration: none;
  border: 1px solid var(--line);
  transition: color 0.15s, border-color 0.15s;
}
.alt i { font-style: normal; }
.alt:hover, .alt:focus-visible { color: var(--amber); border-color: var(--amber); outline: none; }