/* Shared Urdu presentation for the supporting marketing pages.
   The landing page has a richer page-specific composition in index.html. */
html[lang="ur"][dir="rtl"] body{
  font-family:Gulzar,"Noto Nastaliq Urdu","Noto Sans Arabic",serif;
  font-size:20px;
  line-height:2.05;
}
html[lang="ur"] :is(h1,h2,h3,.kicker,.cta){font-synthesis:none;font-weight:400}
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3{
  font-family:Gulzar,"Noto Nastaliq Urdu","Noto Sans Arabic",serif;
  letter-spacing:0;
}
html[lang="ur"] h1{
  font-size:clamp(48px,7.4vw,78px);
  line-height:1.52;
  margin-block:10px 18px;
  max-width:16ch;
  text-wrap:balance;
}
html[lang="ur"] h2{font-size:clamp(32px,4.4vw,48px);line-height:1.62}
html[lang="ur"] h3{line-height:1.65}
html[lang="ur"] .kicker{
  font-size:16.5px;
  line-height:1.95;
  letter-spacing:0;
  text-transform:none;
}
html[lang="ur"] .lead{
  font-size:clamp(24px,2.6vw,28px);
  line-height:2.02;
  max-width:48ch;
  color:color-mix(in srgb,var(--cream) 92%,var(--muted));
}
html[lang="ur"] .hero{padding-block:82px 58px}
html[lang="ur"] .links a{font-size:16px;line-height:1.8}
html[lang="ur"] .cta{
  min-height:50px;
  padding-block:7px;
  font-size:17px;
  line-height:1.6;
}
html[lang="ur"] .lang-toggle button{
  min-height:44px;
  padding-block:3px;
  font-size:14px;
  line-height:1.8;
}
html[lang="ur"] :is(.card p,.step p,.plain p,.story p,.help p,.note,.chips span){
  font-size:22.5px;
  line-height:2.02;
  color:color-mix(in srgb,var(--cream) 88%,var(--muted));
}
html[lang="ur"] .action p{font-size:22.5px;line-height:2.02;color:#2b3646;max-width:42ch}
html[lang="ur"] :is(.card,.plain,.help,.action,blockquote){text-align:start}
html[lang="ur"] .card h2,
html[lang="ur"] .step h2,
html[lang="ur"] .plain h2,
html[lang="ur"] .help h2{font-size:clamp(30px,3.2vw,38px);line-height:1.7}
html[lang="ur"] .step{gap:24px;padding-block:34px}
html[lang="ur"] .step:before{font-family:Georgia,serif}
html[lang="ur"] blockquote{
  font-family:Gulzar,"Noto Nastaliq Urdu","Noto Sans Arabic",serif;
  font-size:clamp(32px,4.4vw,48px);
  line-height:1.72;
}
html[lang="ur"] footer{font-size:17.5px;line-height:1.9}
/* The English two-column "why / built around the work" split (.story) squeezes
   each Urdu paragraph into a ~500px column, forcing a narrow stack of short
   lines. Urdu reads as intentional prose instead when it gets the section's
   full measure, capped so lines don't run too wide to track. */
html[lang="ur"] .story{grid-template-columns:1fr;gap:34px}
html[lang="ur"] .story p{max-width:62ch}
@media(max-width:820px){
  html[lang="ur"] .hero{padding-block:62px 48px}
  html[lang="ur"] .nav{gap:16px}
}
@media(max-width:560px){
  html[lang="ur"] body{font-size:20px}
  html[lang="ur"] h1{font-size:clamp(42px,11vw,56px);line-height:1.62;max-width:100%}
  html[lang="ur"] h2{font-size:clamp(30px,8.5vw,40px);line-height:1.68}
  html[lang="ur"] .lead{font-size:23px;line-height:2.05;max-width:100%}
  html[lang="ur"] :is(.card p,.step p,.plain p,.story p,.help p,.note,.chips span){font-size:21.5px;line-height:2.05}
  html[lang="ur"] .action p{font-size:21.5px;line-height:2.05}
  html[lang="ur"] .story{gap:26px}
  html[lang="ur"] blockquote{font-size:30px;line-height:1.78;padding:28px}
}