:root{--blue:#17377d;--blue-dark:#102654;--red:#ed1c24;--ink:#17191d;--muted:#686e78;--paper:#f7f7f5;--line:#d8dbe1;--surface:#fff;--subtle:#f0f1f3;--body-text:#525965;--footer-text:#737985;--accent-hover:#23458b;--focus:#17377d}
:root[data-theme="dark"]{color-scheme:dark;--paper:#111821;--surface:#17212d;--subtle:#1d2937;--ink:#edf1f7;--muted:#aab5c4;--line:#344252;--body-text:#c2cad5;--footer-text:#aab5c4;--blue-dark:#f0f3f8;--focus:#f5c85b}
:root[data-theme="light"]{color-scheme:light}
*{box-sizing:border-box}
html{min-width:320px;background:var(--paper);transition:background-color .2s,color .2s}
body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;transition:background-color .2s,color .2s}
button,a{-webkit-tap-highlight-color:transparent}
.masthead{background:var(--blue);color:white;border-bottom:4px solid var(--red)}
.masthead-inner{width:min(1220px,100%);min-height:94px;margin:auto;padding:14px clamp(22px,6vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;min-width:0}
.brand-symbol{width:45px;height:45px;border-radius:50%;border:2px solid #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.84;font-family:"Barlow Condensed",Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:-.02em;position:relative;flex:none}
.brand-symbol small{position:absolute;bottom:3px;right:4px;font:700 7px Arial,sans-serif;background:var(--red);padding:1px 2px}
.brand-name{display:flex;flex-direction:column;gap:4px;min-width:0}.brand-name strong{font:700 clamp(15px,2.1vw,20px)/1.1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.045em}.brand-name small{font:600 11px Arial,sans-serif;letter-spacing:.08em;color:#e0e7f6}
.header-controls{display:flex;align-items:center;gap:18px;flex:none}.theme-switch{display:flex;align-items:center}
.theme-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid rgba(255,255,255,.55);border-radius:3px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font:700 10px Arial,sans-serif;letter-spacing:.04em}.theme-button:hover{background:rgba(255,255,255,.17)}.theme-icon{font-size:15px;line-height:1}.theme-button:focus-visible{outline:2px solid white;outline-offset:3px}
.language-switch{display:flex;align-items:center;gap:12px;flex:none}.language-switch>span{height:17px;width:1px;background:rgba(255,255,255,.45)}
.language-button{appearance:none;border:0;background:transparent;color:#d2daeb;padding:9px 0;cursor:pointer;font:700 10px Arial,sans-serif;letter-spacing:.07em}.language-button.active,.language-button:hover{color:#fff}.language-button.active{box-shadow:0 2px 0 var(--red)}.language-button:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:2px}
main{width:min(1068px,calc(100% - 48px));margin:0 auto;min-height:calc(100vh - 168px);display:flex;flex-direction:column;justify-content:center;padding:62px 0 50px}
.update-strip{height:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;color:var(--blue);font:700 10px "Barlow Condensed",Arial,sans-serif;letter-spacing:.13em}
.red-mark{height:7px;width:7px;background:var(--red)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:48px;align-items:center;padding:clamp(56px,10vh,105px) 0 clamp(58px,10vh,110px);border-bottom:1px solid var(--line)}
.hero-copy{max-width:750px}.section-label{margin:0 0 20px;color:var(--red);font:800 13px "Barlow Condensed",Arial,sans-serif;letter-spacing:.15em}
h1{margin:0;max-width:760px;color:var(--blue-dark);font:800 clamp(54px,8.8vw,104px)/.94 "Barlow Condensed",Impact,Arial,sans-serif;letter-spacing:-.025em;text-transform:uppercase}
.intro{max-width:500px;margin:27px 0 0;color:var(--body-text);font:400 17px/1.7 Arial,Helvetica,sans-serif}
.hero-side{align-self:stretch;min-height:220px;border-left:1px solid var(--line);padding:8px 0 8px 25px;display:flex;flex-direction:column;justify-content:space-between;color:var(--blue)}
:root[data-theme="dark"] .hero-side,:root[data-theme="dark"] .update-strip{color:#d6e2ff}
.side-rule{width:31px;height:4px;background:var(--red)}
.side-type{font:800 clamp(44px,6vw,69px)/.78 "Barlow Condensed",Impact,Arial,sans-serif;letter-spacing:-.045em}
.side-type em{font-style:normal;color:var(--red)}
.side-caption{color:var(--muted);font:700 9px/1.5 Arial,sans-serif;letter-spacing:.09em}
.bottom-line{display:flex;align-items:center;gap:15px;padding-top:20px;color:var(--footer-text);font:700 9px Arial,sans-serif;letter-spacing:.1em}.bottom-line-rule{width:33px;height:1px;background:var(--red)}
.footer{min-height:74px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(24px,6vw,76px);color:var(--footer-text);font:600 9px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
html[lang="ur"] .hero-copy{direction:rtl;text-align:right}
html[lang="ur"] h1{font:600 clamp(42px,6vw,72px)/1.8 "Noto Nastaliq Urdu",serif;letter-spacing:0;text-transform:none}
html[lang="ur"] .section-label,html[lang="ur"] .intro{font-family:"Noto Nastaliq Urdu",serif}
html[lang="ur"] .section-label{font-size:16px;line-height:2;margin-bottom:8px}
html[lang="ur"] .intro{font-size:17px;line-height:2.15;margin-top:5px}
html[lang="ur"] .side-caption{font-family:"Noto Nastaliq Urdu",serif;font-size:11px;line-height:2}
html[lang="ur"] .bottom-line{font-family:"Noto Nastaliq Urdu",serif;font-size:10px;letter-spacing:0}
@media(max-width:700px){.masthead-inner{min-height:82px;padding-inline:22px}.brand{gap:10px}.brand-symbol{width:40px;height:40px}.brand-name strong{font-size:16px}.brand-name small{font-size:9px}.language-switch{gap:9px}main{width:calc(100% - 44px);min-height:calc(100vh - 156px);padding-top:48px}.hero{grid-template-columns:1fr;gap:35px;padding:57px 0 46px}h1{max-width:600px;font-size:clamp(56px,12.5vw,84px)}.hero-side{min-height:100px;border-left:0;border-top:1px solid var(--line);padding:17px 0 0;display:grid;grid-template-columns:30px 1fr;align-items:center;column-gap:15px}.hero-side .side-rule{grid-row:1/3;width:4px;height:35px}.side-type{font-size:43px;line-height:.83;grid-column:2;grid-row:1}.side-caption{grid-column:2;grid-row:2}.bottom-line{flex-wrap:wrap;gap:9px 12px}.footer{min-height:64px;padding-inline:22px;font-size:8px}}
@media(max-width:390px){.brand-name strong{font-size:14px}.brand-name small{font-size:8px}.language-button{font-size:9px}.language-switch{gap:7px}main{width:calc(100% - 38px)}.update-strip{font-size:9px}h1{font-size:clamp(49px,14vw,61px)}.intro{font-size:15px}.bottom-line{font-size:8px}.footer{font-size:7px;letter-spacing:.05em}}
@media(max-width:360px){.masthead-inner{min-height:104px;padding:11px 19px;gap:8px;flex-wrap:wrap}.brand{flex:1 1 100%}.header-controls{width:100%;justify-content:flex-end;gap:12px}.theme-button{min-height:32px;padding-inline:9px}.language-switch{gap:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}