/* Retrace Golf teaser page (staging). Shows the brand and the tester door, and nothing about the product.
   Brand: navy #07111F, tracer #1FD6F2, ball #3DDC84, off-white #F4F8FB, muted #A9BED3, blueprint line #1E4264. */
:root { --navy: #07111F; --line: #1E4264; --text: #F4F8FB; --muted: #A9BED3; --tracer: #1FD6F2; --ball: #3DDC84;
  --font: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; color: var(--text);
  font: 17px/1.5 var(--font); -webkit-font-smoothing: antialiased; background-color: var(--navy);
  /* faint blueprint grid, fading out from the centre */
  background-image:
    radial-gradient(ellipse 75% 65% at 50% 42%, rgba(7, 17, 31, 0) 0%, var(--navy) 100%),
    linear-gradient(rgba(30, 66, 100, .38) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 66, 100, .38) 1px, transparent 1px);
  background-size: 100% 100%, 56px 56px, 56px 56px; background-position: center, center, center; }
main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px;
  padding: 40px clamp(16px, 4vw, 48px); text-align: center; }
.endcard { width: min(820px, 100%); }
.endcard img, .endcard svg, .endcard canvas { display: block; width: 100%; height: auto; }
p { margin: 0; }
.status { display: inline-flex; align-items: center; gap: 9px; margin-top: 10px; font-size: 13.5px; letter-spacing: .1em;
  text-transform: uppercase; color: var(--muted); }
.dot { width: 9px; height: 9px; border-radius: 50%; background: var(--ball); }
.btn { display: inline-flex; align-items: center; min-height: 52px; padding: 0 30px; border-radius: 999px;
  background: var(--tracer); color: var(--navy); font: 600 16.5px var(--font); text-decoration: none; }
.btn:hover { background: #5be3f6; }
.btn:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }
.note { font-size: 14.5px; color: var(--muted); }
footer { padding: 22px; text-align: center; font-size: 13.5px; color: var(--muted); }