@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/noto-nastaliq-urdu-landing.woff2) format("woff2")}.hp-top{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--p-spacing) * 4);padding-block:calc(var(--p-spacing) * 4);border-bottom:calc(var(--p-rule-strong) * 2) double var(--p-accent)}.hp-top .brand svg{height:var(--p-logo-h-md);width:auto}.hp-nav{display:flex;align-items:center;gap:calc(var(--p-spacing) * 5);font-weight:var(--p-weight-medium);font-size:var(--p-text-sm)}.hp-nav a{text-decoration:none}.hp-nav a:hover{color:var(--p-accent)}.hp{display:grid;gap:calc(var(--p-spacing) * 14);padding-bottom:calc(var(--p-spacing) * 6)}.hp-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--p-spacing) * 2) calc(var(--p-spacing) * 6);font-size:var(--p-text-xs);color:var(--p-text-muted);border-top:var(--p-rule-w) solid var(--p-rule);padding-block:calc(var(--p-spacing) * 5)}.hp-foot a{color:var(--p-accent)}.hero-b{display:grid;gap:calc(var(--p-spacing) * 8);align-items:center;padding-top:calc(var(--p-spacing) * 8)}@media(min-width:64rem){.hero-b{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:calc(var(--p-spacing) * 14)}}.who{display:grid;justify-items:center;text-align:center;gap:calc(var(--p-spacing) * 3)}.who h1{font-size:var(--p-text-2xl);color:var(--p-accent)}.who .btn{height:var(--p-control-h-lg);padding-inline:calc(var(--p-spacing) * 6);font-size:var(--p-text-base)}.land-media{margin:0;width:min(var(--p-figure-w),100%);border-bottom:calc(var(--p-rule-strong) * 2) double var(--p-accent);padding-inline:calc(var(--p-spacing) * 4)}.land-media img{display:block;width:100%;height:auto;max-height:28vh;object-fit:contain;margin-inline:auto;animation:bob var(--p-dur-ambient) ease-in-out infinite}@keyframes bob{50%{translate:0 calc(var(--p-spacing) * -2)}}.land-copy{display:grid;justify-items:center;gap:calc(var(--p-spacing) * 4);max-width:var(--p-measure-lg)}.land-ur{font-family:var(--p-font-urdu);font-weight:var(--p-weight-medium);font-size:var(--p-text-3xl);line-height:var(--p-leading-nastaliq);color:var(--p-text);max-width:var(--p-measure-lg);text-wrap:balance}.land-lede{color:var(--p-text-muted);font-size:var(--p-text-lg);line-height:var(--p-leading-lede);max-width:var(--p-measure-sm)}.mini{display:grid;gap:calc(var(--p-spacing) * 4);padding:calc(var(--p-spacing) * 6);background:var(--p-surface);border:var(--p-rule-w) solid var(--p-border);border-radius:var(--p-radius-sm);box-shadow:var(--p-shadow-md)}.mini h2{font-size:var(--p-text-xl)}.mini .row{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--p-spacing) * 3)}.mini label{display:grid;gap:calc(var(--p-spacing) * 1.5);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold)}.mini input{width:100%;height:var(--p-control-h);padding:0 calc(var(--p-spacing) * 3);font:var(--p-weight-medium) var(--p-text-base) var(--p-font-sans);font-variant-numeric:tabular-nums;color:var(--p-text);background:var(--p-bg);border:var(--p-rule-w) solid var(--p-border);border-radius:var(--p-radius-sm)}.mini .out{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:calc(var(--p-spacing) * 2);padding-top:calc(var(--p-spacing) * 3);border-top:calc(var(--p-rule-strong) * 2) double var(--p-text)}.mini .out span{color:var(--p-text-muted);font-size:var(--p-text-sm)}.mini .out strong{font-family:var(--p-font-serif);font-weight:var(--p-weight-display);font-size:var(--p-text-3xl);font-variant-numeric:tabular-nums}.mini .note{font-size:var(--p-text-xs);color:var(--p-text-muted)}.mini .go{font-weight:var(--p-weight-semibold);color:var(--p-accent)}.split-b{display:grid;gap:calc(var(--p-spacing) * 14)}@media(min-width:64rem){.split-b{gap:calc(var(--p-spacing) * 12)}.split-b .tools{grid-template-columns:repeat(3,minmax(0,1fr))}}.hp-sec{display:grid;gap:calc(var(--p-spacing) * 6);align-content:start}.hp-sec>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:calc(var(--p-spacing) * 2) calc(var(--p-spacing) * 4);border-bottom:var(--p-rule-w) solid var(--p-border);padding-bottom:calc(var(--p-spacing) * 3)}.hp-sec>header p{grid-column:1 / -1;color:var(--p-text-muted);font-size:var(--p-text-sm);max-width:var(--p-measure)}.hp .tools{margin-bottom:0}
