fix(homepage): align index nav/footer with verify pattern

Author: GsCommand

public/index.html

@@ -86,6 +86,7 @@
     }
 
     .brand span { display: none; }
+    .nav-links a.active { color: var(--text); background: var(--surface); }
 
     .nav-links {
       display: flex;
@@ -965,57 +966,10 @@
     }
 
     /* ── FOOTER ───────────────────────────────────── */
-    footer {
-      border-top: 1px solid var(--border);
-      padding: 64px 0 36px;
-      background: var(--bg);
-    }
-
-    .footer-grid {
-      display: grid;
-      grid-template-columns: 2fr 1fr 1fr 1fr;
-      gap: 40px;
-      margin-bottom: 52px;
-    }
-
-    .footer-brand { margin-bottom: 14px; }
-
-    .footer-tagline {
-      font-size: 14px;
-      color: var(--muted);
-      line-height: 1.65;
-      max-width: 26ch;
-    }
-
-    .footer-col-title {
-      font-size: 12px;
-      font-weight: 700;
-      letter-spacing: 0.07em;
-      text-transform: uppercase;
-      color: var(--text-2);
-      margin-bottom: 16px;
-    }
-
-    .footer-links { display: flex; flex-direction: column; gap: 10px; list-style: none; }
-
-    .footer-links a {
-      font-size: 14px;
-      color: var(--muted);
-      text-decoration: none;
-      transition: color 0.15s;
-    }
-
-    .footer-links a:hover { color: var(--text); }
-
-    .footer-bottom {
-      border-top: 1px solid var(--border);
-      padding-top: 24px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      font-size: 13px;
-      color: var(--muted);
-    }
+    footer { border-top: 1px solid var(--border); background: #fff; }
+    .footer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 36px 0; }
+    .footer-grid h4 { font-size: 14px; margin-bottom: 10px; }
+    .footer-grid a { display: block; color: var(--text-2); margin: 8px 0; font-size: 14px; }
 
     /* ── RESPONSIVE ───────────────────────────────── */
     @media (max-width: 1100px) {
@@ -1038,7 +992,7 @@
       .split { grid-template-columns: 1fr; gap: 40px; }
       .features-grid { grid-template-columns: repeat(2, 1fr); }
       .endpoint-grid { grid-template-columns: 1fr; }
-      .footer-grid { grid-template-columns: 1fr 1fr; }
+      .footer-grid { grid-template-columns: 1fr; }
     }
 
     @media (max-width: 600px) {
@@ -1050,10 +1004,8 @@
       .nav-actions .btn-secondary { display: none; }
       .how-grid { grid-template-columns: 1fr; }
       .features-grid { grid-template-columns: 1fr; }
-      .footer-grid { grid-template-columns: 1fr; }
       .section { padding: 72px 0; }
       .hero { padding: 72px 0 64px; }
-      .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
       .api-top { flex-direction: column; }
     }
   .nav-links a:hover,.nav-drop:hover>a,.nav-drop:focus-within>a,.nav-drop>a.active{color:var(--text);background:var(--surface)}.nav-drop{position:relative}.nav-drop>a{display:inline-flex;align-items:center;gap:4px}.nav-drop-menu{position:absolute;top:calc(100% - 1px);left:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 34px rgba(15,23,42,.12);padding:8px;display:none;min-width:260px;z-index:200}.nav-drop-menu::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}.nav-drop-menu a{display:block;white-space:nowrap}.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:grid}@media(max-width:900px){.nav-drop{width:100%}.nav-drop-menu{position:static;display:grid;margin-top:2px;min-width:0;box-shadow:none}}</style>