body{
margin:0;
font-family:'Inter', sans-serif;
background:#f4f4f2;
color:#3e5563;
line-height:1.7;
letter-spacing:0.3px;
}

header{
text-align:center;
padding:30px 0;
}

nav ul{
list-style:none;
padding:0;
margin:0;
}

nav li{
display:inline-block;
margin:0 20px;
}

nav a{
text-decoration:none;
color:#3e5563;
font-size:15px;
letter-spacing:1px;
text-transform:lowercase;
}

nav a:hover{
opacity:0.6;
transition:0.3s ease;
}

.hero{
text-align:center;
padding:160px 20px 140px;
}

.hero h1{
font-family:'Playfair Display', serif;
font-size:130px;
font-weight:400;
letter-spacing:2px;
color:#3c5664;
margin:0;
}

.tagline{
font-family:'Playfair Display', serif;
font-size:34px;
color:#5a707c;
margin-top:30px;
}

.section{
max-width:900px;
margin:auto;
padding:120px 20px;
text-align:center;
}

.section h2{
font-family:'Playfair Display', serif;
font-size:40px;
margin-bottom:40px;
position:relative;
display:inline-block;
padding-bottom:12px;
}

.section h2::after{
content:"";
display:block;
width:60px;
height:1px;
background:#8ea1ab;
margin:14px auto 0;
}

.section p{
max-width:720px;
margin:20px auto;
font-size:18px;
color:#425e6b;
}

.services{
display:grid;
grid-template-columns:1fr;
gap:50px;
margin-top:60px;
}

.services div{
max-width:520px;
margin:auto;
}

.services h3{
font-family:'Playfair Display', serif;
font-size:24px;
letter-spacing:0.5px;
color:#3e5664;
margin-bottom:10px;
}

.center{
max-width:700px;
margin:auto;
}

footer{
text-align:center;
padding:60px 20px;
font-size:13px;
color:#6c7f88;
}

section{
animation:fadeUp 0.8s ease;
}

@keyframes fadeUp{
from{
opacity:0;
transform:translateY(20px);
}
to{
opacity:1;
transform:translateY(0);
}
}