:root { --gold: #c5a059; --sand: #fdfaf6; --charcoal: #2d2d2d; --text: #4a4a4a; }
body { font-family: 'Inter', sans-serif; background: var(--sand); color: var(--text); margin: 0; }
nav { display: flex; justify-content: space-between; padding: 2rem 5%; align-items: center; }
.hero { text-align: center; padding: 100px 5%; }
.hero h1 { font-family: 'Playfair Display', serif; font-size: 3rem; color: var(--charcoal); }
.btn { background: var(--gold); color: white; padding: 1rem 2rem; text-decoration: none; border-radius: 5px; transition: 0.3s; }
.service-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; padding: 50px 5%; }
.card { background: white; padding: 2rem; border-radius: 10px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); }
#chat-container { position: fixed; bottom: 20px; right: 20px; z-index: 1000; }
#chat-window { width: 300px; height: 400px; background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); display: flex; flex-direction: column; overflow: hidden; }
.hidden { display: none !important; }
#chat-output { flex: 1; padding: 1rem; overflow-y: auto; }
#chat-input { padding: 1rem; border-top: 1px solid #eee; display: flex; gap: 5px; }