
body{
margin:0;
font-family:"Libre Baskerville", serif;
line-height:1.7;
color:#f5f1eb;
background:linear-gradient(180deg,#b6a596 0%,#c3b5a8 45%,#e4ddd4 100%);
}

.wrap{
max-width:900px;
margin:auto;
padding:120px 24px 120px;
}

h1{
font-family:"Cormorant Garamond",serif;
font-weight:300;
letter-spacing:.26em;
font-size:2.7rem;
text-align:center;
}

h2{
font-family:"Cormorant Garamond",serif;
font-size:28px;
text-align:center;
margin:50px 0 20px;
}

p{
text-align:center;
max-width:640px;
margin:18px auto;
}

.moth{text-align:center;margin-bottom:36px;}
.moth img{width:170px;}

.divider{
width:56px;
height:1px;
background:rgba(255,255,255,.35);
margin:60px auto;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:24px;
margin-top:20px;
}

.card{
background:rgba(255,255,255,.08);
padding:26px;
border-radius:12px;
}

.soft-box{
background:rgba(255,255,255,.12);
padding:40px;
border-radius:16px;
margin:40px auto;
}

.client-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
text-align:center;
margin-top:20px;
}

.services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin-top:30px;
}

.packages-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin-top:30px;
}

.package{
background:rgba(255,255,255,.08);
padding:30px;
border-radius:14px;
text-align:center;
}

.price{
font-family:"Cormorant Garamond";
font-size:26px;
margin:10px 0;
}

.btn-outline{
display:inline-block;
padding:14px 28px;
border-radius:10px;
border:1px solid rgba(255,255,255,.6);
color:#fff;
text-decoration:none;
margin-top:18px;
}

.btn-solid{
display:inline-block;
padding:14px 28px;
border-radius:10px;
background:#efe5da;
color:#6a5246;
text-decoration:none;
margin-top:18px;
}

.footer a {
color:#f2eee6;
text-decoration:none;
}

.footer a:hover{
opacity:0.8;
}
.footer{
text-align:center;
margin-top:70px;
font-size:.85rem;
opacity:.8;
}
