:root{
--max-w: 1100px;
--gap: 1.25rem;
--brand: #0b74de;
--bg: #fff;
--muted: #6b7280;
--radius: 10px;
}
*{box-sizing:border-box}
html,body{height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial}
.container{max-width:var(--max-w);margin:0 auto;padding:0 1rem}
.container img{max-width: 100%;height: auto;border-radius: var(--radius);}
.site-header{background:linear-gradient(90deg,var(--bg),#f8fafc);border-bottom:1px solid #e6edf3}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.logo {
	font-weight: 200;
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 1.2rem;
	padding: 0.7em 1.5em;
	border-radius: 16px;
	background: linear-gradient(90deg, #0b74de 0%, #7c3aed 100%);
	color: #fff;
	box-shadow: 0 4px 24px rgba(0,0,0,0.10);
	letter-spacing: 1px;
	font-family: 'Playfair Display', Inter, Arial, sans-serif;
}
.hero{padding:4rem 0;text-align:center}
.lead{color:var(--muted);max-width:55ch;margin:0.5rem auto}
.btn{display:inline-block;padding:0.6rem 1rem;border-radius:8px;background:var(--brand);color:#fff;text-decoration:none}
.hero-img {
	max-width: 320px;
	width: 100%;
	border-radius: 16px;
	margin-bottom: 2rem;
	box-shadow: 0 4px 24px rgba(0,0,0,0.12);
}
@media (max-width:720px){.nav-list{display:none}}

/* --- WhatsApp Floating Button --- */
.whatsapp-float {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 999;
  
}
.whatsapp-float img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s;
  
}
.whatsapp-float img:hover {
  transform: scale(1.1);
}