:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #07080b; color: #f4f7ff; font: 17px/1.55 -apple-system, "Helvetica Neue", Arial, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 40px 20px 30px; }
.logo img { display: block; width: 72px; height: auto; }
.kicker { margin: 18px 0 6px; font: 700 12px/1 ui-monospace, Menlo, monospace; letter-spacing: .3em; color: #ff7a1a; }
h1 { margin: 0 0 14px; font-size: clamp(30px, 6vw, 46px); line-height: 1.1; }
h2 { margin: 34px 0 10px; font-size: 20px; }
.lede { font-size: 19px; opacity: .88; }
.cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 26px 0; }
.go { display: inline-block; padding: 14px 20px; border-radius: 8px; background: #ff7a1a; color: #000; font-weight: 800; text-decoration: none; }
.go.alt { background: transparent; color: #f4f7ff; border: 1px solid rgba(255,255,255,.35); font-weight: 600; }
.go:hover, .go:focus-visible { filter: brightness(1.1); outline: 2px solid #fff; outline-offset: 2px; }
ul { padding-left: 20px; } li { margin: 4px 0; }
.spots { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 6px 16px; list-style: none; padding: 0; }
a { color: #ff7a1a; }
.real { margin-top: 34px; padding: 14px 16px; border-left: 3px solid #ff7a1a; background: rgba(255,255,255,.04); font-size: 15px; }
footer { max-width: 760px; margin: 0 auto; padding: 20px; font-size: 13px; opacity: .6; }
footer a { color: inherit; }