Replace feature list with hero image

Remove feature bullets, add hero.png on the right column.

Co-authored-by: Codex <codex@openai.com>

static/index.html

@@ -46,11 +46,9 @@
         <p class="eyebrow" data-i18n="heroEyebrow">Pause. Inspect. Decide.</p>
         <h1><span data-i18n="heroTitle">Look twice before you</span> <span data-i18n="heroSafe">trust it.</span></h1>
         <p class="hero-text" data-i18n="heroText">NoticeCheck reviews suspicious messages and screenshots for pressure tactics, unsafe requests, and scam warning signs.</p>
-        <ul class="hero-features">
-          <li><span class="feature-icon">!</span> <span data-i18n="featureRedFlags">Red flags and pressure tactics</span></li>
-          <li><span class="feature-icon">?</span> <span data-i18n="featureVerify">Suspicious links and sender patterns</span></li>
-          <li><span class="feature-icon">&check;</span> <span data-i18n="featureSteps">Safer next steps to take</span></li>
-        </ul>
+      </div>
+      <div class="hero-art">
+        <img src="/static/hero.png" alt="NoticeCheck preview" class="hero-image">
       </div>
     </section>
 

static/styles.css

@@ -96,18 +96,12 @@ h1 > span:last-child { color: #fda4af; }
 .trust-note p { margin: 0; color: #d9d7f5; font-size: 14px; line-height: 1.55; }
 .trust-note strong, .trust-note p span { display: block; }
 .trust-note strong { margin-bottom: 3px; color: #fff; font-size: 15px; }
-.hero-features {
-  list-style: none; margin: 32px 0 0; padding: 0;
-  display: flex; flex-direction: column; gap: 14px;
-}
-.hero-features li {
-  display: flex; align-items: center; gap: 12px;
-  font-size: 16px; color: #e4e2ff;
-}
-.feature-icon {
-  width: 32px; height: 32px; display: grid; place-items: center;
-  border-radius: 10px; background: rgba(251,113,133,.18); color: #fda4af;
-  font-weight: 900; font-size: 16px; flex-shrink: 0;
+.hero-art {
+  display: flex; align-items: center; justify-content: center;
+}
+.hero-image {
+  max-width: 100%; height: auto; border-radius: 16px;
+  box-shadow: 0 25px 60px rgba(0,0,0,.3);
 }
 .shield {
   width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center;