:root {
  color-scheme: dark;
  font-family: Inter, ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #10261f;
  color: #f5fbf5;
}
* { box-sizing: border-box; }
body {
  min-height: 100vh;
  margin: 0;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 20% 0%, #235440, transparent 42%), #10261f;
}
.shell { width: min(100% - 40px, 560px); }
.brand {
  display: inline-block;
  margin: 0 0 28px 8px;
  color: #8df0c7;
  font-size: 28px;
  font-weight: 780;
  letter-spacing: -1.5px;
  text-decoration: none;
}
.card {
  padding: clamp(26px, 7vw, 38px);
  border: 1px solid #517163;
  border-radius: 32px;
  background: #19352b;
  box-shadow: 0 24px 60px #05130e66;
}
.eyebrow, .updated { color: #b9d2c4; }
.eyebrow {
  margin: 0 0 14px;
  font-size: 14px;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}
h1 {
  margin: 0;
  max-width: 13ch;
  font-size: clamp(34px, 9vw, 52px);
  line-height: 1.02;
  letter-spacing: -2px;
}
.detail { margin: 20px 0 26px; color: #d8e7dd; font-size: 18px; line-height: 1.55; }
.updated { margin: 24px 0 0; font-size: 14px; }
a { color: #a9f5d3; }
.store-button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  padding: 0 22px;
  border: 1px solid #a9f5d3;
  border-radius: 16px;
  color: #10261f;
  background: #a9f5d3;
  font-weight: 780;
  text-decoration: none;
}
.store-button:focus-visible, a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }