:root {
  --bg: #07060b; --panel: #1c1729; --text: #ebebeb; --muted: #8c8c8c;
  --cyan: #40d9f2; --red: #ef274a; --brass: #b8a66b; --line: rgba(255,255,255,0.08);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--text);
  font: 16px/1.65 Inter, -apple-system, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--cyan); }
.wrap { max-width: 760px; margin: 0 auto; padding: 32px 16px 64px; }
.sign { display: block; text-align: center; text-decoration: none; font-family: "Tilt Neon", sans-serif; font-size: 34px; letter-spacing: 1px; line-height: 1.1; margin: 8px 0 4px; }
.sign .los { color: #d9fbff; text-shadow: 0 0 6px var(--cyan), 0 0 18px var(--cyan); }
.sign .customs { color: #ffe1e7; text-shadow: 0 0 6px var(--red), 0 0 18px var(--red); }
.tag { text-align: center; color: var(--brass); font: 700 11px/1 ui-monospace, Menlo, monospace; letter-spacing: 5px; margin-bottom: 40px; }
h1 { font-size: 28px; margin: 0 0 4px; }
h2 { font-size: 17px; margin: 32px 0 8px; }
.updated { color: var(--muted); font-size: 13px; margin-bottom: 24px; }
p, li { color: #cfcfcf; }
ul { padding-left: 20px; }
.card { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 18px 20px; margin: 16px 0; }
footer { border-top: 1px solid var(--line); margin-top: 48px; padding-top: 20px; color: var(--muted); font-size: 13px; text-align: center; }
footer a { color: var(--muted); margin: 0 8px; }
.hero { text-align: center; padding-top: 12vh; }
.hero .sign { font-size: 52px; }
.hero p { font-size: 19px; color: var(--text); max-width: 520px; margin: 0 auto 28px; }
.store { display: inline-block; background: #fff; color: #000; text-decoration: none; font-weight: 700; padding: 14px 26px; border-radius: 14px; }
.store small { display: block; font-weight: 500; font-size: 11px; }

/* landing: one centred column, link-in-bio style (after MotorDex) */
.land { text-align: center; padding-top: 6vh; }
.land .car { width: 100%; max-width: 420px; display: block; margin: 0 auto -6px; filter: drop-shadow(0 18px 24px rgba(0,0,0,.6)); }
.land .floor { height: 2px; max-width: 360px; margin: 0 auto 28px; background: linear-gradient(90deg, transparent, var(--cyan), var(--red), transparent); box-shadow: 0 0 18px var(--red); }
.handle { font: 800 26px/1.1 -apple-system, sans-serif; letter-spacing: 1px; margin: 0 0 8px; }
.lede { color: var(--brass); font: 700 12px/1.6 ui-monospace, Menlo, monospace; letter-spacing: 3px; margin-bottom: 28px; }
.get { display: flex; align-items: center; justify-content: center; gap: 14px; max-width: 360px; margin: 0 auto 14px; padding: 14px 20px; text-decoration: none;
  background: linear-gradient(#ff4d6a, #c8102e); color: #fff; border-radius: 16px; box-shadow: 0 0 24px rgba(239,39,74,.45), inset 0 1px 0 rgba(255,255,255,.35); }
.get .apple { font-size: 30px; line-height: 1; }
.get .t { text-align: center; }
.get .t b { display: block; font-size: 17px; letter-spacing: 1px; }
.get .t span { font-size: 12px; opacity: .85; }
.chips { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin: 18px 0 26px; }
.chips span { border: 1px solid var(--line); background: var(--panel); border-radius: 8px; padding: 6px 10px; font: 700 11px ui-monospace, Menlo, monospace; letter-spacing: 1.5px; color: #cfcfcf; }
.socials a { color: var(--muted); text-decoration: none; font: 700 12px ui-monospace, Menlo, monospace; letter-spacing: 2px; margin: 0 8px; }
.socials a:hover, footer a:hover { color: var(--text); }