/* Esencia Mindfulness — simple landing (Netlify Drop ready) */
:root{
  --bg:#f6f8fb;
  --ink:#1f2b3a;
  --muted:#475569;
  --brand:#1668b3; /* blue */
  --accent:#2e8b57; /* green */
  --sun:#ffd84d;   /* yellow */
  --white:#ffffff;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
}

.container{max-width:980px;margin:0 auto;padding:24px}

.hero{
  text-align:center;
  padding:80px 24px 48px;
  position:relative;
}

.brand-mark{
  width:92px;height:92px;object-fit:cover;
  border-radius:24px;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
  border:4px solid var(--white);
  background:var(--white);
  margin-bottom:16px;
}

h1{
  font-size:clamp(36px,6vw,56px);
  line-height:1.05;
  margin:0 0 12px 0;
  font-weight:800;
  letter-spacing:-.02em;
}
h1 span{color:var(--brand)}

.tagline{
  color:var(--muted);
  font-size:clamp(16px,2.6vw,18px);
  margin:0 auto 16px;
  max-width:720px;
}

.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:16px 0 8px}
.btn{
  display:inline-block;
  padding:12px 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:600;
  border:2px solid transparent;
}
.btn.primary{
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:var(--white);
}
.btn.ghost{
  border-color:var(--brand);
  color:var(--brand);
  background:transparent;
}
.btn:hover{opacity:.92}

.locations{
  margin-top:10px;
  color:var(--muted);
  font-size:14px;
}

.features{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px;
  margin-top:8px;
  padding-bottom:8px;
}
.card{
  background:var(--white);
  border-radius:18px;
  padding:18px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  border:1px solid #e9eef6;
}
.card h3{margin:4px 0 6px 0}
.card p{margin:0;color:var(--muted)}

.waitlist{
  text-align:center;
  padding:40px 24px 64px;
}

.footer{
  text-align:center;
  color:var(--muted);
  font-size:14px;
  padding-bottom:40px;
}

/* Decorative background inspired by the vibe image */
.pattern-bg{
  position:fixed;inset:0;
  background:
    radial-gradient(circle at 8% 12%, rgba(255,216,77,.22) 0, transparent 40%),
    radial-gradient(circle at 92% 18%, rgba(22,104,179,.14) 0, transparent 35%),
    radial-gradient(circle at 20% 86%, rgba(46,139,87,.12) 0, transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.85));
  z-index:-1;
}