Live home: going live from the browser leads the first screen again (Go live button, and No OBS · No downloads · No follower minimum · How it works under the buttons); the checklist was seven phone screens down (#164)

ddiff --git a/public/css/critical-selectors.json b/public/css/critical-selectors.json
iindex b1928dca..ffbb8528 100644
---- a/public/css/critical-selectors.json
++++ b/public/css/critical-selectors.json
@@@ -246,6 +246,10 @@
    ".hero-float-body",
    ".hero-float-inner",
    ".hero-latest b",
++  ".hero-golive-note",
++  ".hero-golive-note span",
++  ".hero-golive-note i",
++  ".hero-golive-note a",
    ".hero-philosophy-btn",
    ".hero-quip.visible",
    ".hero-rotate-wrap",
ddiff --git a/public/css/style.css b/public/css/style.css
iindex 4bf9e7a7..d53284f3 100644
---- a/public/css/style.css
++++ b/public/css/style.css
@@@ -1211,6 +1211,13 @@ body.ov-nav-overlay .navbar.ovnav-top {
      font-size: 0.82rem;
      line-height: 1.4;
  }
++.hero-golive-note {
++    display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 14px;
++    margin: 18px auto 0; font-size: 0.86rem; color: var(--text-secondary);
++}
++.hero-golive-note span { display: inline-flex; align-items: center; gap: 6px; }
++.hero-golive-note i { color: var(--success, #22c55e); font-size: 0.78rem; }
++.hero-golive-note a { color: var(--accent-light); font-weight: 600; }
  .hero-philosophy-btn {
      display: inline-flex;
      align-items: center;
ddiff --git a/public/index.html b/public/index.html
iindex 4da5a258..6623832c 100644
---- a/public/index.html
++++ b/public/index.html
@@@ -197,7 +197,7 @@
                  <!-- Holds its line from the first paint (the countdown fills it with the page's data), so the buttons below do not move. -->
                  <div class="hero-slogan-timer" id="hero-slogan-timer">&nbsp;</div>
                  <div class="hero-cta" data-fx-viewport>
--                    <button style="--i:0" class="hb hb-stream" onclick="currentUser ? navigate('/broadcast') : showModal('register')"><span class="hb-ico"><i class="fa-solid fa-broadcast-tower"></i></span><span class="hb-label">Stream</span><i class="fa-solid fa-chevron-right hb-go" aria-hidden="true"></i></button>
++                    <button style="--i:0" class="hb hb-stream" onclick="currentUser ? navigate('/broadcast') : showModal('register')"><span class="hb-ico"><i class="fa-solid fa-broadcast-tower"></i></span><span class="hb-label">Go live <small>in your browser</small></span><i class="fa-solid fa-chevron-right hb-go" aria-hidden="true"></i></button>
                      <a href="https://openvibe.tools" style="--i:1" class="hb hb-tools"><span class="hb-ico"><i class="fa-solid fa-screwdriver-wrench"></i></span><span class="hb-label">Tools</span><i class="fa-solid fa-chevron-right hb-go" aria-hidden="true"></i></a>
                      <a href="https://openvibe.games" style="--i:2" class="hb hb-game"><span class="hb-ico"><i class="fa-solid fa-gamepad"></i></span><span class="hb-label">Game</span><i class="fa-solid fa-chevron-right hb-go" aria-hidden="true"></i></a>
                      <a href="https://github.com/OpenVibers/OpenVibe.Live" target="_blank" style="--i:3" class="hb hb-github" rel="noopener"><span class="hb-ico"><i class="fa-brands fa-github"></i></span><span class="hb-label">GitHub</span><i class="fa-solid fa-chevron-right hb-go" aria-hidden="true"></i></a>
@@@ -211,6 +211,10 @@
                         data-ovtip-foot="<i class=&quot;fa-solid fa-heart&quot;></i> We love what people build here &mdash; come make something"
                         data-ovtip-go="Open the API docs"><span class="hb-ico"><i class="fa-solid fa-wand-magic-sparkles"></i></span><span class="hb-label">Build &amp; Mod <small>API docs</small></span><i class="fa-solid fa-chevron-right hb-go" aria-hidden="true"></i></a>
                  </div>
++                <!-- The headline feature, in the first screen: going live from a browser with no OBS and no follower
++                     minimum is what people search and ask AI assistants for (the checklist further down was seven
++                     phone screens below the fold). -->
++                <p class="hero-golive-note"><span><i class="fa-solid fa-check" aria-hidden="true"></i> No OBS</span><span><i class="fa-solid fa-check" aria-hidden="true"></i> No downloads</span><span><i class="fa-solid fa-check" aria-hidden="true"></i> No follower minimum</span><a href="/docs/go-live-in-your-browser">How it works</a></p>
                  <!-- Signed-in streamers with setup left to do see their next task here, in the row of
                       things to do rather than a screen below (public/js/guides-live.js → setupHeroNextUp). -->
                  <div class="tour-quest-slot hero-quest-slot" id="hero-next-up" data-fx-viewport hidden></div>