/* Typography and variables */
:root{
  --accent:#00a89a;
  --muted:#9ca3af;
  --dark:#0b0b0b;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  background:#fff;
  color:#111827;
  -webkit-font-smoothing:antialiased;
}
.container{max-width:1100px;margin:0 auto;padding:1.5rem}

/* Hero */
.hero{
  height:80vh;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  background-image:linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.35)), url('https://images.unsplash.com/photo-1557800636-894a64c1696f?auto=format&fit=crop&w=2000&q=60');
  background-size:cover;background-position:center center;color:#fff;
}
.hero-top{
  position:absolute;top:18px;left:50%;transform:translateX(-50%);
  font-size:14px;letter-spacing:4px;padding:8px 18px;border-top:4px solid var(--accent);color:rgba(255,255,255,0.95);
  font-weight:600;text-transform:uppercase;font-family:Inter, sans-serif;
}
.hero-inner{max-width:1000px;text-align:center;padding:3rem 1rem}
.hero-title{margin:0;font-family:'Playfair Display', Georgia, serif;font-weight:700;font-size:5.2rem;line-height:1.02;text-shadow:0 6px 20px rgba(0,0,0,0.45)}
.cta{display:inline-block;margin-top:28px;padding:12px 24px;border-radius:28px;background:rgba(255,255,255,0.12);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,0.12)}

@media (max-width:900px){.hero-title{font-size:3.2rem}}
@media (max-width:520px){.hero{height:68vh}.hero-title{font-size:2rem}}

/* Contact section like screenshot */
.contact-section{background:#0b0b0b;color:#cbd5e1;padding:6rem 0;text-align:center}
.contact-heading{font-family:'Playfair Display', Georgia, serif;font-size:3.2rem;margin:0 0 .75rem;color:#bfc7cd}
.contact-sub{max-width:700px;margin:0 auto;color:#9aa2a9}

/* Footer */
.site-footer{background:#050505;color:#8b8b8b;padding:2rem 0;text-align:center}

/* Chat widget */
.chat-widget{position:fixed;right:24px;bottom:24px;z-index:1200;font-family:Inter, sans-serif}
.chat-button{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(180deg,#6b7280,#111827);color:white;font-size:20px;box-shadow:0 6px 18px rgba(16,24,40,0.35);cursor:pointer}
.chat-panel{width:340px;max-width:90vw;border-radius:12px;position:fixed;right:24px;bottom:96px;background:#f3f4f6;box-shadow:0 20px 60px rgba(2,6,23,0.6);overflow:hidden;transform:translateY(16px);opacity:0;pointer-events:none;transition:all .28s cubic-bezier(.2,.9,.3,1)}
.chat-panel.open{transform:translateY(0);opacity:1;pointer-events:auto}
.chat-header{background:#9ca3af;padding:18px;color:#fff;font-weight:600;text-align:center}
.chat-body{padding:18px}
.recent{font-weight:600;color:#374151;margin-bottom:12px}
.conversation{background:white;padding:12px;border-radius:8px;color:#374151}
.chat-footer{padding:14px;background:#efefef;text-align:center}
.chat-send{background:#6b7280;color:#fff;border:none;padding:10px 18px;border-radius:24px;cursor:pointer}

@media (max-width:700px){.chat-panel{right:16px;bottom:88px}}