@font-face{font-family:"Noto Nastaliq Urdu";src:url("../fonts/noto-nastaliq-urdu-arabic-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Noto Nastaliq Urdu";src:url("../fonts/noto-nastaliq-urdu-arabic-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Noto Sans Arabic";src:url("../fonts/noto-sans-arabic-arabic-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{
  --font-body:"DM Sans","Noto Sans Arabic",ui-sans-serif,system-ui,sans-serif;
  --font-head:"Bricolage Grotesque","Noto Nastaliq Urdu","Noto Sans Arabic",serif;
  --font-read:"DM Sans","Noto Nastaliq Urdu","Noto Sans Arabic",serif;
}
h1,h2,h3{letter-spacing:0;line-height:1.85}
h1{line-height:1.75}
.logo{line-height:1.2}
.prose p,.lead,.tool-head p,.tool p,.privacy-card p,.why p,.steps li,.faq p,.faq summary,.help,.sub,.drop p,.status,.empty,.alert{font-family:var(--font-read);line-height:2.1}
.tool h3,.tool p{line-height:2}
.btn,.tab,.nav a,.opt label,.radio b,.radio span,.fname{line-height:1.6}
html[lang=ur] .hero h1{font-size:clamp(2rem,5vw,3.2rem);max-width:none}