:root { --bg: #0e0c12; --panel: #17131d; --line: #2e2638; --ink: #ece2ce; --muted: #b9b0a0; --gold: #e9b64a;
  --ember: #c4542b; --radius: 14px; }
* { box-sizing: border-box; }
html { background: var(--bg); color: var(--ink); }
body { margin: 0; min-height: 100vh; font: 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
  background: radial-gradient(1200px 600px at 70% -10%, #3a2236 0%, transparent 60%),
              radial-gradient(900px 500px at 10% 10%, #241b33 0%, transparent 60%), var(--bg); }
.top { display: flex; justify-content: space-between; align-items: center; padding: 16px clamp(16px, 5vw, 48px); }
.brand { font: 700 20px/1 Georgia, "Times New Roman", serif; color: var(--gold); letter-spacing: .06em; }
.lang { background: none; border: 1px solid var(--line); color: var(--muted); padding: 4px 10px; border-radius: 999px;
  font: inherit; font-size: 13px; cursor: pointer; }
.lang[aria-pressed="true"] { color: var(--bg); background: var(--gold); border-color: var(--gold); }
main { max-width: 1100px; margin: 0 auto; padding: 0 clamp(16px, 5vw, 48px) 48px; }
.hero { padding: clamp(32px, 9vh, 96px) 0 48px; max-width: 760px; }
.eyebrow { color: var(--gold); text-transform: uppercase; letter-spacing: .14em; font-size: 13px; margin: 0 0 12px; }
h1 { font: 700 clamp(32px, 5.4vw, 60px)/1.08 Georgia, "Times New Roman", serif; margin: 0 0 20px; }
.lead { color: var(--muted); font-size: clamp(16px, 2vw, 19px); margin: 0 0 32px; max-width: 640px; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; }
.play, .secondary { display: inline-block; padding: 14px 26px; border-radius: 999px; text-decoration: none; font-weight: 600; }
.play { background: linear-gradient(180deg, #f2c86a, #c98b26); color: #1b1206; box-shadow: 0 6px 24px rgba(233, 182, 74, .25); }
.play:hover, .play:focus-visible { filter: brightness(1.08); }
.secondary { border: 1px solid var(--line); color: var(--ink); }
.phone-note { margin-top: 18px; color: var(--muted); border-left: 3px solid var(--ember); padding-left: 12px; }
.features { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.features article { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; }
h2 { font: 700 20px/1.2 Georgia, "Times New Roman", serif; color: var(--gold); margin: 0 0 8px; }
.features p { color: var(--muted); margin: 0; }
.platforms { margin-top: 48px; }
.platforms ul { color: var(--muted); padding-left: 20px; }
footer { border-top: 1px solid var(--line); padding: 24px clamp(16px, 5vw, 48px) 40px; text-align: center; }
.legal { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.legal a { color: var(--ink); }
.fine { color: var(--muted); font-size: 13px; }
@media (prefers-reduced-motion: no-preference) { .play { transition: filter .15s; } }