:root{font-family:Segoe UI,system-ui,sans-serif;color:#061a36;background:#f7f4ed}
*{box-sizing:border-box}
body{margin:0}
header{height:78px;display:flex;align-items:center;gap:14px;padding:0 6vw;background:white}
header img{height:56px}nav{margin-left:auto;display:flex;gap:18px;align-items:center}
.hero{min-height:75vh;padding:7vw;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;background:linear-gradient(135deg,#fff,#eadfc7)}
.hero h1{font:clamp(3rem,6vw,6rem)/1 Georgia,serif}
.hero img{width:100%;max-width:520px}
section{padding:7vw}
button{padding:10px 16px;background:#b8944a;color:white;border:0;border-radius:5px}
#chat{position:fixed;right:0;top:0;width:min(470px,100%);height:100vh;background:white;padding:20px;transform:translateX(105%);transition:.2s;box-shadow:-10px 0 30px #0003}
#chat.open{transform:none}
#messages{height:65vh;overflow:auto}
.user{background:#dbeafe;padding:10px}
.assistant{background:#eee;padding:10px}
form{display:flex;gap:8px}
textarea{flex:1}@media(max-width:800px){
  .hero{grid-template-columns:1fr}
  .hero img{grid-row:1}
  .hero h1{font-size:3rem}
}