/* Static public landing look, matched to the homepage design. */
:root{
  --ink:#13221d;
  --muted:#64736e;
  --line:#dfe8e4;
  --paper:#fff;
  --soft:#f4f8f6;
  --green:#0b6b4a;
  --green-2:#084d37;
  --mint:#e7f5ef;
  --gold:#f4b23e;
  --shadow:0 14px 40px rgba(12,35,28,.09);
  --ur:'Noor-e-Nastaliq','Noori Nastaleeq','Jameel Noori Nastaleeq','Noto Nastaliq Urdu',serif;
  --en:'Noto Sans',sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--soft) !important;color:var(--ink) !important}
a{text-decoration:none}
.wrap{width:min(1160px,calc(100% - 32px));margin-inline:auto}
.top{background:#083728 !important;color:#dff4ec !important;font-family:var(--en);font-size:12px}
.top .wrap{display:flex;justify-content:space-between;gap:16px;padding:7px 0}
.nav,#nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94) !important;color:var(--ink) !important;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:none !important}
.nav>.wrap,#nav .ni{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0}
.brand,.nb{display:flex;align-items:center;gap:12px;min-width:0;color:var(--ink) !important}
.brand img,.nl{width:46px;height:46px;border-radius:50%;object-fit:cover;border:0;overflow:hidden}
.nl img{width:100%;height:100%;object-fit:cover}
.brand-title,.nt{font-family:var(--en);font-weight:800;font-size:16px;letter-spacing:0;color:var(--ink) !important}
.brand-sub,.ns{font-size:12px;color:var(--muted) !important;margin-top:-2px}
.links,.nav-links{display:flex;gap:4px;align-items:center;font-family:var(--en)}
.links a,.nav-links a,.lang button{border:0;background:transparent !important;padding:9px 10px;border-radius:7px;color:#33423e !important;font-size:13px}
.links a:hover,.links a.active,.nav-links a:hover,.nav-links a.active,.lang button.active{background:var(--mint) !important;color:var(--green) !important}
.lang{display:flex;border:1px solid var(--line);border-radius:8px;padding:2px;background:#fff !important;gap:2px}
.hero{background:linear-gradient(135deg,#f7fbf9 0%,#eef7f2 48%,#fff6df 100%) !important;color:var(--ink) !important;border-bottom:1px solid var(--line);text-align:inherit !important}
.hero .wrap{padding:46px 0 34px !important}
.hero h1{font-family:var(--en);font-size:clamp(31px,4.2vw,56px) !important;line-height:1.12 !important;margin:12px 0;color:#0f3025 !important}
.hero p,.lead{font-size:18px;color:#40514c !important;max-width:760px;line-height:1.75}
.eyebrow{display:inline-flex;gap:8px;align-items:center;background:#fff !important;border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--green) !important;font-family:var(--en);font-size:13px;font-weight:800;text-transform:none;letter-spacing:0}
.btn,.cta-btn,.cat-chip,.member-link{border-radius:8px}
.btn:not(.alt),.btn-green,.cta-btn{background:var(--green) !important;color:#fff !important;border:0}
.btn.alt,.btn-light{background:#fff !important;color:var(--green) !important;border:1px solid var(--line) !important}
.btn-gold{background:var(--gold) !important;color:#18251f !important}
.panel,.card,.stat,.svc,.post-card,.rel-card,.member-card,.contact-card,.zila-card,.day-card,.event-card,.empty{background:#fff !important;border:1px solid var(--line) !important;border-radius:8px !important;box-shadow:0 5px 18px rgba(0,0,0,.04)}
.panel h2,.num,.member-name,.post-title,.cat-chip.active{color:var(--green) !important}
.footer,.foot{background:#062d22 !important;color:#d4e8e0 !important;padding:24px 1rem;text-align:center;font-family:var(--en);font-size:13px}
.footer a,.foot a{color:#d4e8e0 !important}
.mobile-dock{background:rgba(255,255,255,.92);border:1px solid var(--line);box-shadow:var(--shadow)}
@media(max-width:940px){
  .links,.nav-links{flex-wrap:wrap;justify-content:flex-end}
  .nav>.wrap,#nav .ni{height:auto;min-height:64px;padding:10px 0}
}
@media(max-width:620px){
  .wrap{width:min(100% - 22px,1160px)}
  .top{display:none}
  .brand-title,.nt{font-size:12px;line-height:1.25;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand-sub,.ns{display:none}
  .links a,.nav-links a,.lang button{padding:7px 8px;font-size:12px}
  .hero .wrap{padding:28px 0 24px !important}
  .hero h1{font-size:31px !important}
  .hero p,.lead{font-size:15px}
}