:root{
  --c-dark:#041f34;
  --c-accent:#2bbaa4;
  --c-ink:#0b2032;
  --c-ink-2:#264656;
  --c-bg:#f5fbfa;
  --radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: 'Vazirmatn','Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,'Noto Sans',Tahoma;
  background: var(--c-bg);
  color:#0d1b2a;
  line-height:1.75;
}
a{color:var(--c-accent);text-decoration:none}
.container{width:min(1100px,92%);margin-inline:auto}
.site-header{
  position:sticky;top:0;z-index:50;
  background:linear-gradient(180deg,var(--c-dark),#07253f);
  color:#fff;border-bottom:1px solid #0d314e66;
  backdrop-filter:saturate(1.25) blur(6px);
}
.header-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff}
.brand svg{stroke:var(--c-accent)}
.brand .c2{fill:var(--c-accent)}
.brand .c1{stroke:var(--c-accent)}
.brand-text{font-size:1.15rem;letter-spacing:.5px}
.nav{display:flex;align-items:center;gap:14px}
.nav-link{color:#e6fbf7;font-weight:600;opacity:.9}
.lang-switch{
  border:1px solid #2bbaa477;background:#2bbaa41a;color:#eafff9;
  padding:.4rem .6rem;border-radius:999px;font-weight:700;cursor:pointer;
}
.hero{display:grid;grid-template-columns:1.2fr .9fr;gap:28px;align-items:center;min-height:70svh}
.hero-text h1{margin:0;color:#bff0e9;font-weight:800}
.hero-text h2{margin:.2rem 0 1rem;color:#fff;background:linear-gradient(90deg,var(--c-accent),#5ee0cc);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(1.2rem,2.4vw,2rem)}
.hero{padding:56px 0}
.hero .bullets{list-style:none;padding:0;margin:0 0 1rem 0}
.hero .bullets li{position:relative;padding:.35rem .9rem .35rem 2rem;border:1px dashed #2bbaa455;border-radius:12px;margin:.35rem 0;background:#ffffffaa}
[dir="rtl"] .hero .bullets li{padding:.35rem 2rem .35rem .9rem}
.hero .bullets li::before{content:"";position:absolute;inset-inline-start:.6rem;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--c-accent)}
.hero .cta{display:flex;gap:10px;flex-wrap:wrap;margin:.8rem 0 0}
.btn{display:inline-block;padding:.7rem 1rem;border-radius:12px;font-weight:800;border:1px solid transparent}
.btn.primary{background:var(--c-accent);color:#032224}
.btn.ghost{background:#ffffff; border-color:#2bbaa455; color:var(--c-ink)}
.btn.light{background:#eafff9;color:#063437}
.hero .note{opacity:.85;margin-top:.6rem}
.hero-media img{width:100%;border-radius:var(--radius);box-shadow:0 10px 30px #0d314e2e;border:1px solid #0d314e22}

.features{padding:40px 0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border:1px solid #0d314e22;border-radius:var(--radius);padding:18px;box-shadow:0 8px 24px #0d314e1a}
.card h3{margin-top:0;color:var(--c-dark)}

.banner{background:linear-gradient(90deg,var(--c-dark),#07304e);color:#eafff9;margin:24px 0}
.banner-inner{display:flex;align-items:center;justify-content:space-between;padding:20px 0}
.banner-text strong{display:block;font-size:1rem;color:#c0fff0}
.banner-text span{font-size:1.6rem;font-weight:800;letter-spacing:.2px}

.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:30px 0 60px}
.contact-card{background:#fff;border:1px solid #0d314e22;border-radius:var(--radius);padding:18px}
.contact-card h3{margin-top:0;color:var(--c-dark)}
.contact-card ul{list-style:none;padding:0;margin:0}
.contact-card li{display:flex;gap:.5rem;align-items:center;padding:.3rem 0;border-bottom:1px dashed #0d314e22}
.contact-card li:last-child{border-bottom:0}
.contact-card li span{min-width:90px;color:var(--c-ink-2);font-weight:700}

.map-hint img{width:100%;border-radius:var(--radius);box-shadow:0 8px 24px #0d314e1a;border:1px solid #0d314e22}

.site-footer{background:#031a2a;color:#bfeae2}
.foot{display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:16px}
.foot a{color:#bfeae2;text-decoration:underline}

@media (max-width: 900px){
  .hero{grid-template-columns:1fr;gap:20px}
  .grid-3{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
}