{{template "header" .}}
<style>
.star-guide { max-width: 760px; margin: 0 auto 80px; padding: 8px 4px 48px; color: var(--text); }
.star-guide .kicker {
  font-size: 12px; letter-spacing: .22em; text-transform: uppercase; color: var(--green);
  margin: 0 0 8px; font-weight: 700;
}
.star-guide h1 { margin: 0 0 10px; font-size: 34px; letter-spacing: .02em; }
.star-guide .lead { color: var(--muted); font-size: 16px; line-height: 1.5; margin: 0 0 22px; }
.star-jump {
  display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px;
}
.star-jump a {
  color: var(--green); text-decoration: none; font-size: 13px; font-weight: 650;
  border: 1px solid var(--green); border-radius: 999px; padding: 6px 12px; opacity: .85;
}
.star-jump a:hover { background: color-mix(in srgb, var(--green) 16%, transparent); }
.star-guide .chap {
  font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--green);
  margin: 40px 0 6px; font-weight: 700;
}
.star-guide h2 { margin: 0 0 10px; font-size: 22px; }
.star-guide .need {
  background: var(--bg); border-left: 3px solid var(--green); padding: 12px 14px; margin: 0 0 14px;
  color: var(--muted); font-size: 14px;
}
.star-guide ol.steps { list-style: none; padding: 0; margin: 0 0 14px; counter-reset: st; }
.star-guide ol.steps li {
  counter-increment: st; position: relative;
  padding: 14px 14px 14px 56px; margin: 0 0 8px;
  background: var(--bg-card); border-radius: 12px; border: 1px solid var(--border); line-height: 1.45;
}
.star-guide ol.steps li::before {
  content: counter(st); position: absolute; left: 14px; top: 14px;
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--green); color: #041016; font-weight: 800; font-size: 14px;
  display: grid; place-items: center;
}
.star-guide .ok {
  background: var(--bg-elev); border: 1px solid var(--green);
  color: var(--text); padding: 12px 14px; border-radius: 12px; margin: 0 0 14px; font-size: 14px;
}
.star-guide .row-btns { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 8px; }
.star-guide table.unlock {
  width: 100%; border-collapse: collapse; margin: 0 0 22px; font-size: 14px;
}
.star-guide table.unlock th, .star-guide table.unlock td {
  text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--border);
}
.star-guide table.unlock th { color: var(--green); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.star-guide .tiles {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 0 18px;
}
@media (min-width: 640px) { .star-guide .tiles { grid-template-columns: 1fr 1fr 1fr 1fr; } }
.star-guide .tiles a {
  background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px;
  padding: 12px; color: var(--text); text-decoration: none; font-size: 13px; font-weight: 650;
}
.star-guide .tiles a:hover { border-color: var(--green); }
.star-guide .tiles span { display: block; color: var(--muted); font-weight: 500; font-size: 12px; margin-top: 4px; }
.star-guide .faq details {
  background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px;
  padding: 12px 14px; margin: 0 0 8px;
}
.star-guide .faq summary { cursor: pointer; font-weight: 700; }
.star-guide .faq p { margin: 10px 0 0; color: var(--muted); font-size: 14px; }
.star-guide a.btn { text-decoration: none; }
.star-guide .fine { color: var(--muted); font-size: 13px; line-height: 1.45; }
</style>
<div class="star-guide">
  <p class="kicker">Deimos.TV · v{{.Version}}</p>
  <h1>Deimos Cinema guide</h1>
  <p class="lead">One player for TVs, phones, and computers. Point, tap, or use arrows — OK opens, Back is Home. Uploads encode to 720p H.264; NVIDIA GPUs use NVENC when ffmpeg supports it. PayPal unlocks Pro.</p>

  <nav class="star-jump">
    <a href="#unlock">Unlock</a>
    <a href="#use">Use</a>
    <a href="#encode">Encode</a>
    <a href="#together">Together</a>
    <a href="#help">Help</a>
  </nav>

  <p class="chap">01 · Unlock</p>
  <h2 id="unlock">Get Pro</h2>
  <table class="unlock">
    <thead><tr><th>You</th><th>Do this</th><th>You get</th></tr></thead>
    <tbody>
      <tr><td>This player is mine</td><td>Go Pro, or paste a shop key</td><td>Pro on this player</td></tr>
      <tr><td>I’m visiting</td><td>Sign in. Guest Key only if playback is locked</td><td>Your own Pro — not theirs</td></tr>
    </tbody>
  </table>

  <p class="need"><b>You’ll need:</b> an email. If you already paid, have the key ready.</p>
  <ol class="steps">
    <li>Open <b>Go Pro</b> from Home.</li>
    <li>Sign in or register.</li>
    <li>Activate this player — or paste a key if you already bought one.</li>
  </ol>
  <p class="ok">Done when you are signed in and Home shows the tiles. Keep a copy of the key.</p>
  <div class="row-btns">
    <a class="btn btn-green" href="/pro">Go Pro</a>
    <a class="btn btn-outline" href="/license">Paste key</a>
    <a class="btn btn-outline" href="{{.ShopURL}}/#pricing" target="_blank" rel="noreferrer">Buy a key</a>
  </div>
  <p class="fine">Standard = 1 year. Premium = 3 years. Ultimate = lifetime. One player → one account. Up to 3 players per owner. Activating the same player twice does nothing. Shop keys also work under License. Deimos does not store your video files.</p>

  <p class="chap">02 · Use</p>
  <h2 id="use">Home, videos, IPTV</h2>
  <p class="fine">While a film is playing: left/right skip 10 seconds, OK pause, Back leaves.</p>
  <div class="tiles">
    <a href="/?sort=recent">Videos<span>Library</span></a>
    <a href="/party">Together<span>Same second</span></a>
    <a href="/slideshows/new">Gallery<span>Photos</span></a>
    <a href="/live">Live<span>One stream</span></a>
    <a href="/iptv">IPTV<span>Your M3U</span></a>
    <a href="/games">Games<span>Play</span></a>
    <a href="/pro">Go Pro<span>This player</span></a>
    <a href="/guide">Guide<span>This page</span></a>
  </div>

  <p class="need"><b>Add a video.</b> YouTube or a public MP4: Upload → paste the URL. A file from your own storage: Storage → paste the keys → then Upload. Files start private. My videos → Request public.</p>
  <div class="row-btns">
    <a class="btn btn-green" href="/upload">Upload</a>
    <a class="btn btn-outline" href="/storage">Storage</a>
  </div>
  <p class="fine">Storj, Filebase, Wasabi, Backblaze B2, Amazon S3, Cloudflare R2, MinIO. Member files never sit on Deimos disks.</p>

  <p class="chap">02b · Encode</p>
  <h2 id="encode">How videos are encoded</h2>
  <p class="need"><b>Need ffmpeg</b> on the machine that runs the player. Cinema and On-demand Docker images include it. Windows and Mac use it if ffmpeg is on the PATH.</p>
  <ol class="steps">
    <li>Upload a file or paste an MP4 URL. Deimos writes a <b>720p H.264 + AAC</b> MP4 (faststart), a poster JPEG, and an HLS copy.</li>
    <li>If the PC has an <b>NVIDIA GPU</b> and ffmpeg lists <code>h264_nvenc</code>, encoding uses the GPU (NVENC). If that fails, it uses CPU <code>libx264</code>.</li>
    <li>Playback is the 720p MP4. Force CPU with <code>FFMPEG_ENCODER=x264</code>, or GPU with <code>FFMPEG_ENCODER=nvenc</code>.</li>
  </ol>
  <p class="ok">Same picture on every TV and browser: 720p H.264, AAC stereo, 128 kbps. NVIDIA makes the encode faster; the file you play is unchanged.</p>
  <p class="fine">Stock Docker ffmpeg often has no NVENC. Run the host binary on a desktop with an NVIDIA driver and an ffmpeg build that includes NVENC (most Windows ffmpeg builds do).</p>

  <p class="need"><b>IPTV.</b> Home → IPTV. <b>Live</b> is livestreams (Public demo: NASA TV, France 24, DW, NHK World-Japan, 3ABN). <b>On demand</b> is an M3U of films or episodes. Add M3U and pick Live or On demand. Optional EPG for Now / Next on live lists.</p>
  <p class="fine">Free: 1 playlist of your own (the Public demo does not count), 250 channels. Pro: unlimited playlists, 2,000 channels each. Deimos does not sell channels. Don’t import “free IPTV” dumps.</p>
  <div class="row-btns"><a class="btn btn-green" href="/iptv">Open IPTV</a></div>

  <p class="chap">03 · Together</p>
  <h2 id="together">Watch with others</h2>
  <p class="need"><b>You’ll need:</b> an account. A guest key only if you don’t already have Pro.</p>
  <ol class="steps">
    <li>Sign in.</li>
    <li>If playback is locked, open <b>Guest Key</b> and pay for <em>your</em> account.</li>
    <li>Watch. You stay on the same second as the host.</li>
  </ol>
  <p class="ok">Done when the status line shows more than one person watching. Tick <b>I am the remote</b> only if they want you to control the film.</p>
  <div class="row-btns">
    <a class="btn btn-green" href="/login">Sign in</a>
    <a class="btn btn-outline" href="/party">Together</a>
    <a class="btn btn-outline" href="/pro/buy">Guest key</a>
  </div>

  <p class="chap">04 · Help</p>
  <h2 id="help">If something fails</h2>
  <div class="faq">
    <details>
      <summary>The film is silent</summary>
      <p>The player tries to start with sound. If it starts muted, tap the picture once — that is Unmute. The player cannot override the device volume mute.</p>
    </details>
    <details>
      <summary>Go Pro does nothing</summary>
      <p>Only the owner of this player can activate it. Visitors use Guest Key. If this player is already activated, it will not mint a second account.</p>
    </details>
    <details>
      <summary>Upload wants storage keys</summary>
      <p>Create a bucket with your storage host, paste the keys under Storage, then upload.</p>
    </details>
    <details>
      <summary>I paid but have no key</summary>
      <p>The thanks page shows the key. Copy it, then License → paste → Activate. If the page is empty, wait a few seconds and refresh.</p>
    </details>
    <details>
      <summary>An IPTV channel won’t play</summary>
      <p>The link is dead or locked to another country. If the same URL fails in any other player, the list is the problem. Re-import the playlist to refresh it.</p>
    </details>
    <details>
      <summary>How are my uploads encoded?</summary>
      <p>720p H.264 + AAC MP4, a poster, and HLS. NVIDIA GPUs use NVENC when ffmpeg supports it; otherwise CPU libx264. Set FFMPEG_ENCODER to auto, nvenc, or x264.</p>
    </details>
  </div>
</div>
{{template "footer" .}}