/*
 * Penyesuaian landing setelah digabung ke aplikasi Lavro.
 * CSS asli landing tidak diubah; semua tambahan integrasi ada di sini.
 */

/* Tombol "Masuk" di samping "Mulai gratis". Tetap tampil di HP walau menu disembunyikan. */
.lv-auth { display: flex; align-items: center; gap: 22px; }
.lv-masuk { font-size: 14px; font-weight: 550; color: #3b4658; transition: color .2s; }
.lv-masuk:hover { color: var(--blue); }

@media (max-width: 700px) {
  .lv-auth { gap: 14px; }
  .lv-masuk { font-size: 13px; }
}

/* Tautan halaman legal di footer (diwajibkan payment gateway) */
footer .lv-legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; font-size: 12px; }
footer .lv-legal a { color: #66758a; }
footer .lv-legal a:hover { color: var(--blue); }

/* Ikon panah SVG pengganti karakter teks (↗ ↓ → ↳), ukurannya ikut teks di sekitarnya */
.lv-panah { display: inline-block; width: .82em; height: .82em; vertical-align: -.08em; flex-shrink: 0; }
#flow-pause { display: inline-flex; align-items: center; gap: 6px; }
#flow-pause .lv-panah { width: 1em; height: 1em; }

/* Wordmark logo baru: Lexend tebal, navy (menggantikan "lavro®" huruf kecil) */
.brand .lv-wordmark { font-family: 'Lexend', -apple-system, "Segoe UI", sans-serif; font-weight: 700; letter-spacing: -.01em; color: #14223D; }
header .brand { gap: 10px; font-size: 26px; }
footer .brand { gap: 8px; }
.brand img { object-fit: contain; }
/* Aturan lama ".brand>span" untuk tanda ® (10px, naik ke atas) jangan mengenai wordmark */
.brand > .lv-wordmark { font-size: inherit; align-self: center; margin: 0; letter-spacing: -.01em; line-height: 1; }