Use heavier Bricolage Grotesque display font + Sora body, add app-icon favicon

Author: nandandas2407-web

docs/index.html

@@ -6,6 +6,11 @@
 <meta name="theme-color" content="#ffffff">
 <meta name="description" content="InstaReply Bot is an Android app for automating supported Instagram DM replies from notifications, rules and your selected AI provider.">
 <title>InstaReply Bot — AI Auto-Reply for Instagram DMs</title>
+<link rel="icon" href="assets/app-icon.jpg" type="image/jpeg">
+<link rel="apple-touch-icon" href="assets/app-icon.jpg">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=Sora:wght@400;500;600;700;800&display=swap" rel="stylesheet">
 <style>
 :root{
   --blue:#1769e0;
@@ -26,12 +31,15 @@
   --soft:cubic-bezier(.25,.8,.28,1);
 }
 *{box-sizing:border-box}
+h1,h2,h3,h4,.brand,.button,.download-card strong,.footer-brand{
+  font-family:"Bricolage Grotesque","Sora",sans-serif;
+}
 html{scroll-behavior:smooth}
 body{
   margin:0;
   color:var(--ink);
   background:var(--surface);
-  font-family:"Trebuchet MS","Segoe UI",Arial,Helvetica,sans-serif;
+  font-family:"Sora","Trebuchet MS","Segoe UI",Arial,Helvetica,sans-serif;
   line-height:1.55;
   -webkit-font-smoothing:antialiased;
 }