*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Vazirmatn,sans-serif;background:#fafaf8;color:#2f2f2f;line-height:1.9}
nav{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:rgba(250,250,248,.85);backdrop-filter:blur(10px);border-bottom:1px solid #ece7de}
.menu a{text-decoration:none;color:#555;margin:0 12px}.logo{font-weight:700}
#hero{height:100vh;background:linear-gradient(180deg,#fafaf8,#f3efe7);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.en{font-family:'Cormorant Garamond',serif;font-size:28px;color:#8d8068;letter-spacing:3px}
h1{font-size:64px;margin:10px 0}
.btn{display:inline-block;margin-top:25px;padding:14px 30px;background:#bda27b;color:#fff;text-decoration:none;border-radius:40px;transition:.3s}.btn:hover{background:#9d8564}
section{padding:90px 10%;max-width:1200px;margin:auto}h2{font-size:36px;margin-bottom:25px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px}
.card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:.35s}.card:hover{transform:translateY(-8px)}
.img{height:230px;background:linear-gradient(135deg,#e6dfd3,#d3c6b0)}
.card h3{padding:20px}
.chips{display:flex;gap:14px;flex-wrap:wrap}.chips span{padding:12px 18px;background:#fff;border:1px solid #e9e3d9;border-radius:40px}
footer{text-align:center;padding:40px;color:#777}
.fade{opacity:0;transform:translateY(30px);transition:.8s}.show{opacity:1;transform:none}
@media(max-width:700px){h1{font-size:42px}nav{padding:16px}.menu{display:none}}