:root{
  --nav-h:84px;
  --navy:#0A1A4F;--deep:#06103A;--night:#040B2A;
  --gold:#E9BE4A;--gold-d:#B8861B;--gold-l:#FBE7A6;
  --paper:#FBF6E8;--paper-d:#EFE4C6;--ink:#0A1A4F;
  --tx:#FFFFFF;--mu:#B9C5E8;--sky:#7FB2FF;
  --line:rgba(233,190,74,.26);--line-soft:rgba(185,197,232,.16);
  --ok:#1C8A4A;--r-lg:24px;--r-md:16px;--r-sm:10px;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:border-box;margin:0}
html{height:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px + env(safe-area-inset-top,0px));background:var(--deep)}
body{min-height:100%;background:var(--deep);color:var(--tx);font:500 16px/1.65 Manrope,"Segoe UI",system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Fraunces,Georgia,"Times New Roman",serif;font-weight:800;line-height:1.08;letter-spacing:-.015em;text-wrap:balance}
p{text-wrap:pretty}
a{color:inherit}
img,svg{max-width:100%}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.wrap{max-width:1120px;margin-inline:auto;padding-inline:20px}
.sec{padding-block:88px}
.sec-alt{background:var(--navy)}
.sh{max-width:620px;margin-bottom:36px}
.sh h2{font-size:clamp(30px,4vw,46px)}
.sh p{color:var(--mu);margin-top:12px;font-size:17px;max-width:56ch}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:200;background:var(--gold);color:var(--ink);padding:10px 16px;border-radius:var(--r-sm);font-weight:800;text-decoration:none}
.skip:focus{top:12px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:99px;border:1.5px solid transparent;background:var(--gold);color:var(--ink);font-weight:800;font-size:15px;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
.btn:hover{background:var(--gold-l)}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:var(--tx);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--gold);background:rgba(233,190,74,.08)}
.btn.sm{min-height:40px;padding:8px 16px;font-size:14px}
.btn.block{width:100%}
.btn svg{width:18px;height:18px;flex:none}

/* nav */
.nav{position:sticky;top:0;z-index:60;background:rgba(6,16,58,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);padding-top:env(safe-area-inset-top,0px)}
.nav .wrap{display:flex;align-items:center;gap:14px;height:var(--nav-h)}
.nav-act .btn{white-space:nowrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.logo img{display:block}
.logo .logo-nav{width:auto;height:64px;max-width:none;object-fit:contain}
.logo .logo-foot{width:min(300px,100%);height:auto}
.links{display:flex;gap:4px;margin-inline-start:auto}
.links a{white-space:nowrap;padding:8px 10px;border-radius:99px;font-size:14px;font-weight:700;color:var(--mu);text-decoration:none}
.links a:hover{color:var(--tx);background:rgba(255,255,255,.06)}
.nav-act{display:flex;gap:8px;align-items:center}
.ef-lang-btn{min-width:64px}
.menu-btn{display:none;width:44px;height:44px;border-radius:12px;border:1.5px solid var(--line);background:none;cursor:pointer;place-items:center}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:18px;height:2px;background:var(--tx);border-radius:2px;position:relative;transition:.2s}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0}
.menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}
.menu-btn[aria-expanded=true] span{background:transparent}
.menu-btn[aria-expanded=true] span::before{top:0;transform:rotate(45deg)}
.menu-btn[aria-expanded=true] span::after{top:0;transform:rotate(-45deg)}
.mnav{display:none}

/* hero */
.hero{position:relative;overflow:hidden;padding-block:64px 88px;background:
  radial-gradient(900px 500px at 85% -10%,rgba(47,107,255,.35),transparent 60%),
  radial-gradient(600px 400px at -10% 110%,rgba(233,190,74,.14),transparent 60%),
  var(--deep)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(40px,6vw,72px);max-width:14ch}
.lead{color:var(--mu);font-size:18px;max-width:50ch;margin:22px 0 30px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.trust{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:14px;color:var(--mu);font-weight:700}
.trust li{display:flex;align-items:center;gap:8px}
.trust svg{width:18px;height:18px;color:var(--gold);flex:none}

/* boarding pass visual */
@keyframes land{from{opacity:0;transform:rotate(var(--r)) scale(1.7)}to{opacity:1;transform:rotate(var(--r)) scale(1)}}

/* hero documents: illustrative visa stickers and residence cards */
.stage{position:relative;container-type:inline-size;display:flex;justify-content:center}
.docs{--u:min(16px,calc(100cqi / 32));font-size:var(--u);position:relative;width:32em;height:30em;direction:ltr;text-align:left;font-family:Manrope,"Segoe UI",system-ui,sans-serif;line-height:1.25}
.doc{position:absolute;color:#1d2a4a;border-radius:.6em;box-shadow:0 1.6em 3em -1.4em rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.35) inset;overflow:hidden;transform:rotate(var(--r));animation:docIn .7s cubic-bezier(.2,.9,.3,1.15) both;animation-delay:var(--d)}
@keyframes docIn{from{opacity:0;transform:translateY(2.2em) rotate(calc(var(--r) * .3)) scale(.94)}to{opacity:1;transform:rotate(var(--r))}}
.doc dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.45em .7em;flex:1;min-width:0}
.doc dl .w{grid-column:1/-1}
.doc dt{font-size:.5em;font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.6}
.doc dd{margin:0;font-size:.74em;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc .flg{width:1.7em;height:auto;border-radius:.15em;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.ph-box{flex:none;width:3.4em;height:4.25em;border-radius:.25em;overflow:hidden;color:#1d2a4a;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(29,42,74,.15)}
.ph-box svg{display:block;width:100%;height:100%}
.spec{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:1.9em;letter-spacing:.35em;color:rgba(29,42,74,.07);transform:rotate(-18deg);pointer-events:none}
/* visa stickers */
.vs{width:19em;padding:.8em .9em .7em}
.vs-eu{left:0;top:1.2em;background:repeating-radial-gradient(circle at 20% 130%,rgba(29,90,110,.07) 0 .09em,transparent .09em .42em),repeating-linear-gradient(115deg,rgba(255,255,255,.4) 0 .12em,transparent .12em .45em),linear-gradient(135deg,#dff3ea,#cfe2f6 60%,#e8e2f7)}
.vs-uk{right:0;top:0;width:17.5em;background:repeating-radial-gradient(circle at 90% -20%,rgba(120,40,90,.07) 0 .09em,transparent .09em .42em),repeating-linear-gradient(65deg,rgba(255,255,255,.4) 0 .12em,transparent .12em .45em),linear-gradient(135deg,#f7dfe9,#e6dcf6 55%,#dde9f7)}
.vs-head{display:flex;align-items:center;gap:.5em;padding-bottom:.5em;margin-bottom:.6em;border-bottom:1px solid rgba(29,42,74,.18)}
.vs-head b{font:800 1.25em/1 Fraunces,Georgia,serif;letter-spacing:.12em}
.vs-head span:not([data-f]){font-size:.62em;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.7}
.vs-head [data-f]{margin-left:auto;display:flex}
.vs-body{display:flex;gap:.8em;align-items:flex-start}
.mrz{margin-top:.7em;font:600 .52em/1.45 "Courier New",ui-monospace,monospace;letter-spacing:.08em;opacity:.55;white-space:nowrap;overflow:hidden}
/* residence cards (ID-1 shape) */
.tc{width:19em;aspect-ratio:85.6/54;padding:.85em .95em;display:flex;flex-direction:column;border-radius:.8em}
.tc-es{left:.6em;bottom:.2em;width:19.5em;background:radial-gradient(120% 90% at 100% 0,rgba(255,196,0,.35),transparent 55%),repeating-linear-gradient(160deg,rgba(255,255,255,.35) 0 .1em,transparent .1em .5em),linear-gradient(135deg,#fdf3d8,#f6e1d2 50%,#e6eefb)}
.tc-ae{right:0;top:12.8em;width:16em;background:radial-gradient(110% 90% at 0 100%,rgba(0,115,47,.2),transparent 60%),repeating-linear-gradient(20deg,rgba(255,255,255,.35) 0 .1em,transparent .1em .5em),linear-gradient(135deg,#f3ecdc,#e7e0cc 50%,#dbe8e0)}
.tc-head{display:flex;align-items:center;gap:.55em;margin-bottom:.6em}
.tc-head [data-f]{display:flex}
.tc-head b{display:block;font:800 .95em/1.1 Fraunces,Georgia,serif}
.tc-head small{display:block;font-size:.55em;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.65;margin-top:.15em}
.tc-body{display:flex;gap:.8em;align-items:flex-start;flex:1}
.tc dl{grid-template-columns:1fr}
.tc .ph-box{width:3.8em;height:4.75em}
.chip-ic{margin-left:auto;flex:none;width:2.1em;height:1.6em;border-radius:.3em;background:linear-gradient(90deg,transparent 30%,rgba(120,80,0,.35) 30% 34%,transparent 34% 66%,rgba(120,80,0,.35) 66% 70%,transparent 70%),linear-gradient(0deg,transparent 46%,rgba(120,80,0,.35) 46% 54%,transparent 54%),linear-gradient(135deg,#f6da8a,#c99a2e 60%,#f1d27c)}
.holo{position:absolute;right:.9em;bottom:.8em;width:2.6em;height:2.6em;border-radius:50%;background:conic-gradient(from 30deg,#ffb3c8,#ffe08a,#9ff0c4,#9cc9ff,#d6a8ff,#ffb3c8);opacity:.55;mix-blend-mode:multiply;box-shadow:0 0 0 .15em rgba(255,255,255,.5) inset}
/* approved stamp */
.ok-stamp{position:absolute;right:.4em;top:8.6em;z-index:5;display:grid;place-items:center;text-align:center;padding:.55em 1em .5em;border:.22em solid #2fb36a;border-radius:.5em;color:#2fb36a;background:rgba(6,16,58,.25);transform:rotate(-14deg);box-shadow:0 0 0 .12em rgba(47,179,106,.35) inset;animation:stampIn .45s cubic-bezier(.2,1.5,.4,1) both;animation-delay:.95s}
.ok-stamp b{font-size:1.35em;font-weight:800;letter-spacing:.18em;line-height:1}
.ok-stamp small{font-size:.5em;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-top:.3em}
@keyframes stampIn{from{opacity:0;transform:rotate(-14deg) scale(1.9)}to{opacity:1;transform:rotate(-14deg) scale(1)}}

.tk h3 a{color:inherit;text-decoration:none}
.tk h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.tk-link{align-self:flex-start;margin:-6px 0 14px;font-size:13.5px;font-weight:800;color:#7F5A0F;text-decoration:none}
.tk-link::after{content:" →"}
html[dir=rtl] .tk-link::after{content:" ←"}
.tk-link:hover{text-decoration:underline}
.tk .meta + .tk-link{margin:14px 0 0}
.hub-link{text-align:center;margin-top:16px}
.hub-link a,.dlg-link,.vp-all{color:var(--gold);font-weight:800;text-decoration:none}
.hub-link a::after,.dlg-link::after,.vp-all::after{content:" →"}
.hub-link a:hover,.dlg-link:hover,.vp-all:hover{text-decoration:underline}
.dlg-link{display:inline-block;margin:-8px 0 18px}
.dlg-link[hidden]{display:none}
/* visa guide pages */
.vp-hero{padding-block:36px 56px;background:radial-gradient(800px 420px at 90% -20%,rgba(47,107,255,.3),transparent 60%),var(--deep);border-bottom:1px solid var(--line-soft)}
.vp-hero h1{font-size:clamp(32px,5vw,56px);max-width:22ch;margin-top:14px}
.vp-hero .lead{margin:16px 0 26px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;font-weight:700;color:var(--mu)}
.crumbs a{color:var(--mu);text-decoration:none}.crumbs a:hover{color:var(--gold)}
.crumbs span[aria-hidden]{opacity:.5}
.vp-top{display:flex;align-items:center;gap:14px;margin-top:22px}
.vp-flag .flg{width:64px;height:auto}
.vp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:0 0 28px;background:var(--paper);color:var(--ink);border-radius:var(--r-md);overflow:hidden;max-width:980px}
.vp-facts div{padding:16px 18px;border-inline-end:2px dashed #CDBF96}
.vp-facts div:last-child{border:0}
.vp-facts dt{font-size:12px;font-weight:800;color:#565F80}
.vp-facts dd{margin:4px 0 0;font-weight:800;font-size:16px;line-height:1.35}
.vp-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:start}
.vp-main > h2{font-size:clamp(24px,3vw,32px);margin:44px 0 16px}
.vp-main > h2:first-child{margin-top:0}
.vp-main .prose h2{font-size:22px;margin-top:26px}
.vp-main .checks{margin:0 0 10px}
.vp-steps{list-style:none;padding:0;margin:0;display:grid;gap:16px;counter-reset:vs}
.vp-steps li{counter-increment:vs;position:relative;padding:18px 20px 18px 72px;border:1px solid var(--line-soft);border-radius:var(--r-md);background:rgba(255,255,255,.03)}
.vp-steps li::before{content:counter(vs);position:absolute;inset-inline-start:18px;top:18px;width:38px;height:38px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;font:800 17px Fraunces,Georgia,serif}
html[dir=rtl] .vp-steps li{padding:18px 72px 18px 20px}
.vp-steps h3{font-size:19px;margin-bottom:4px}
.vp-steps p{color:var(--mu);font-size:15px}
.vp-main .faq{max-width:none}
.vp-source{margin-top:36px;padding:18px 20px;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(233,190,74,.06);color:var(--mu);font-size:14.5px}
.vp-source p + p{margin-top:8px}
.vp-source a{color:var(--gold);font-weight:800}
.vp-side{position:sticky;top:calc(var(--nav-h) + 24px);display:grid;gap:18px}
.vp-card{background:var(--paper);color:var(--ink);border-radius:var(--r-md);padding:22px;display:grid;gap:10px;box-shadow:0 20px 40px -28px rgba(0,0,0,.9)}
.vp-card small{font-weight:800;color:#565F80;font-size:13px}
.vp-card .vp-price{font:800 34px/1 Fraunces,Georgia,serif;color:var(--ink);margin:2px 0}
.vp-card .vp-price span{font:700 14px Manrope,sans-serif;color:#565F80}
.vp-card p{font-size:14.5px;color:#46507A}
.vp-card .btn:not(.ghost){background:var(--navy);color:var(--tx)}
.vp-card .btn:not(.ghost):hover{background:#1b2d70}
.vp-card .btn.ghost{color:var(--ink);border-color:#CDBF96}
.vp-related{padding:20px;border:1px solid var(--line-soft);border-radius:var(--r-md)}
.vp-related h2{font:800 16px Manrope,sans-serif;margin-bottom:10px}
.vp-related ul{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:2px}
.vp-related li a{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;text-decoration:none;font-weight:700;font-size:14.5px;color:var(--tx)}
.vp-related li a:hover{background:rgba(255,255,255,.06);color:var(--gold)}
.vp-related .flg{width:26px;height:auto}
.vp-jump{margin-top:6px}
.vp-jump .chip{text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.vp-jump .chip em{font-style:normal;font-size:12px;background:rgba(255,255,255,.1);border-radius:99px;padding:0 8px}
@media(max-width:980px){.vp-grid{grid-template-columns:1fr}.vp-side{position:static}.vp-facts{grid-template-columns:1fr 1fr}.vp-facts div:nth-child(2){border-inline-end:0}.vp-facts div:nth-child(-n+2){border-bottom:2px dashed #CDBF96}}
@media(max-width:560px){.vp-steps li{padding:16px 16px 16px 64px}.vp-steps li::before{inset-inline-start:14px}}

.alt-book{margin:14px 0 -6px}
.linkish{background:none;border:0;padding:0;color:var(--mu);font-weight:700;font-size:14.5px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.linkish:hover{color:var(--gold)}
.dlg-or{text-align:center;color:var(--mu);font-size:14px;margin:14px 0 6px}
.f-company p{margin:0 0 6px}
.f-company .f-strong{color:var(--tx);font-weight:700}
@media(min-width:981px){.f-company .f-strong{white-space:nowrap}}
/* offers (social media ads) */
.of-strip{padding-block:22px;border-bottom:1px solid var(--line-soft);background:var(--deep)}
.of-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.of-head h2{font:800 15px/1.2 Manrope,"Segoe UI",system-ui,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:var(--gold)}
.of-head a{color:var(--mu);font-size:13.5px;font-weight:700;text-decoration:none}.of-head a:hover{color:var(--gold)}
.of-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:thin}
.of-item{flex:0 0 132px;scroll-snap-align:start;text-decoration:none;color:var(--tx)}
.of-img{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--navy);border:1px solid var(--line-soft);transition:transform .2s,border-color .2s}
.of-img img{width:100%;height:100%;object-fit:cover;display:block}
.of-item:hover .of-img,.of-card:hover .of-img{transform:translateY(-3px);border-color:var(--gold)}
.of-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;font-size:13.5px;font-weight:700;line-height:1.35}
.of-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px}
.of-card{text-decoration:none;color:var(--tx);display:flex;flex-direction:column}
.of-card .of-title{font-size:15px}
.of-until{font-size:12.5px;color:var(--mu);margin-top:4px}
.of-dlg{max-width:860px;width:calc(100% - 32px);padding:0;overflow:hidden}
.of-dlg[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.of-dlg #of-img{width:100%;height:auto;max-height:88vh;object-fit:contain;background:var(--night);display:block}
.of-info{padding:28px 26px;display:flex;flex-direction:column;gap:12px;overflow:auto;max-height:80vh}
.of-info h3{font-size:24px;line-height:1.25;padding-inline-end:32px}
.of-text{color:var(--mu);font-size:15px;line-height:1.65}
.of-text a{color:var(--gold)}
.of-link{margin-top:auto}.of-link a{color:var(--mu);font-size:13.5px;font-weight:700}
.of-single-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;margin-top:12px}
.of-hero{width:100%;height:auto;border-radius:var(--r-md);display:block}
.of-page .wrap.of-single{max-width:1240px}
.of-page .of-single-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:44px}
.of-zoom{position:relative;display:block;border-radius:var(--r-md);overflow:hidden;cursor:zoom-in}
.of-zoom img{display:block;width:100%;height:auto}
.of-zoom-hint{position:absolute;inset-inline-end:10px;bottom:10px;background:rgba(4,11,42,.78);color:#fff;font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:99px;pointer-events:none}
.of-dlg{max-width:1120px}
.of-dlg[open]{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.of-dlg .of-zoom{border-radius:0;background:var(--night);display:flex;align-items:center;justify-content:center}
@media(max-width:760px){.of-dlg[open]{grid-template-columns:1fr}.of-page .of-single-grid{grid-template-columns:1fr}.of-dlg #of-img{max-height:50vh}.of-info{max-height:none}.of-single-grid{grid-template-columns:1fr;gap:20px}.of-item{flex-basis:112px}}
/* compact hero */
.hero{padding-block:22px 36px}
.hero .wrap{gap:32px}
.hero h1{font-size:clamp(32px,3.8vw,50px);max-width:17ch;line-height:1.05}
.hero .lead{font-size:16.5px;margin:14px 0 20px}
.hero .trust{margin-top:16px;gap:8px 18px}
.hero .docs{--u:min(12.5px,calc(100cqi / 32))}
.hero .alt-book{margin:10px 0 -4px}
@media(max-width:760px){.hero{padding-block:14px 22px}.hero .docs{--u:min(8.5px,calc(100cqi / 34));margin-block:-6px -18px}.hero .wrap{gap:10px}.hero .lead{font-size:15.5px;margin:10px 0 16px}.hero .trust{margin-top:12px;font-size:13px}}
/* homepage two-column layout */
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:40px;align-items:start}
.home-main{min-width:0}
.home-main .wrap{max-width:none;padding-inline:0}
.home-main>.sec{padding-block:52px;background:none}
.home-main>.sec+.sec{border-top:1px solid var(--line-soft)}
.home-main .sh{margin-bottom:26px}
.home-main .perf::before,.home-main .perf::after{background:var(--deep)}
.home-main .steps li{padding-inline-end:14px}
.home-main .steps h3{font-size:17px}
.home-main .steps p{font-size:14px}
.home-main .grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.home-main .eng{grid-template-columns:1fr 1fr;gap:16px}
.home-main .about{gap:12px}
.home-side{padding-block:52px;align-self:stretch}
.side-stick{margin-top:0}
.side-stick{position:sticky;top:calc(var(--nav-h) + 20px);display:grid;gap:16px}
.side-card{border:1px solid var(--line-soft);border-radius:var(--r-md);padding:16px;background:rgba(255,255,255,.03)}
.side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font:800 12.5px Manrope,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--gold)}
.side-dots{display:flex;gap:6px}
.side-dots .dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.25);cursor:pointer}
.side-dots .dot.on{background:var(--gold)}
.side-slide{display:grid;gap:6px;text-decoration:none;color:var(--tx)}
.side-slide[hidden]{display:none}
.side-slide img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px;display:block}
.side-slide strong{font-size:15.5px;line-height:1.35}
.side-slide small{color:var(--mu);font-size:12.5px}
.side-cta{color:var(--gold);font-weight:800;font-size:14px}.side-cta::after{content:" →"}html[dir=rtl] .side-cta::after{content:" ←"}
.side-slide:hover strong{color:var(--gold)}
.side-book{background:var(--paper);color:var(--ink);display:grid;gap:10px;border:0}
.side-book small{font-weight:800;color:#565F80;font-size:13px}
.side-book .side-price{font:800 32px/1 Fraunces,Georgia,serif;margin:0}
.side-book .side-price span{font:700 14px Manrope,sans-serif;color:#565F80}
.side-book p{font-size:14px;color:#46507A;margin:0}
.side-book .btn:not(.ghost){background:var(--navy);color:var(--tx)}
.side-book .btn.ghost{color:var(--ink);border-color:#CDBF96}
/* left column: eligibility checker */
.home-grid{grid-template-areas:"left right" "main right";grid-template-rows:auto 1fr}
.home-left{grid-area:left;min-width:0;padding-block:52px 0}
.home-main{grid-area:main}
.home-side{grid-area:right;grid-row:1 / span 2}
.home-left .sh{margin-bottom:22px}
.home-left .chip{padding:7px 12px;font-size:13.5px}
.home-left .chips{gap:7px}
.home-left .panel{padding:20px}
.home-left fieldset+fieldset{margin-top:14px}
.home-left .eng{grid-template-columns:1fr 1fr;gap:16px}
.home-main>.sec:first-child{border-top:1px solid var(--line-soft)}
@media(min-width:1280px){
  .wrap{max-width:1280px}
  .home-grid{grid-template-columns:268px minmax(0,1fr) 270px;grid-template-areas:"left main right";grid-template-rows:auto;gap:32px}
  .home-side{grid-row:auto}
  .home-main>.sec:first-child{border-top:0}
  .home-left{padding-block:52px}
  .home-left .sh h2{font-size:24px;line-height:1.2}
  .home-left .sh p{font-size:14px}
  .home-left .eng{grid-template-columns:1fr;gap:14px}
  .home-left .panel{padding:16px}
  .home-left legend{font-size:14.5px}
  .home-left .chip{padding:6px 10px;font-size:12.5px}
  .home-left .res-top{gap:12px}
  .home-left .ring{width:84px;height:84px;flex:none}
  .home-left .res-top h3{font-size:20px}
  .home-left .res-top p{font-size:13px}
  .home-left .ring div{width:66px;height:66px;font-size:15px}
  .home-left .matches button{flex-wrap:wrap;gap:2px 10px;padding:9px 12px;font-size:13.5px;line-height:1.35}
  .home-left .matches button span:last-child{margin-inline-start:0;flex-basis:100%;padding-inline-start:34px}
  .home-left .matches button>:first-child{flex:none}
  .home-left .matches button>:not(:first-child):not(:last-child){flex:1 1 0;min-width:0}
}
@media(max-width:1023px){.home-grid{grid-template-areas:"left" "main" "right";grid-template-rows:auto}.home-side{grid-row:auto}.home-left{padding-block:40px 0}}
@media(max-width:760px){.home-left .eng{grid-template-columns:1fr}}
/* equal, sticky side columns */
.home-left{align-self:stretch}
.col-stick{display:flex;flex-direction:column;gap:16px}
.home-side>.col-stick .side-stick{position:static}
@media(min-width:1280px){
  .home-grid{grid-template-columns:270px minmax(0,1fr) 270px}
  .col-stick{position:sticky;top:104px}
}
@media(min-width:1024px) and (max-width:1279px){.home-side>.col-stick{position:sticky;top:104px}}
/* shorter visa cards */
.home-main .tk{padding:15px 16px 14px}
.home-main .tk-top .flg{width:34px;height:auto}
.home-main .tk h3{font-size:17px;line-height:1.25;margin:9px 0 4px}
.home-main .tk p{font-size:13px;line-height:1.5;margin-bottom:10px}
.home-main .perf{margin:auto -16px 10px}
.home-main .meta{gap:6px 10px;font-size:11px}
.home-main .meta b{font-size:13px}
.home-main .tk .meta + .tk-link{margin:9px 0 0;font-size:12.5px}
.home-main .acts{margin-top:10px}
.home-main .acts .btn{padding:7px 12px;font-size:13px}
html[lang=ur] body .home-main .tk h3{font-size:18px;line-height:1.5;margin:6px 0 2px}
html[lang=ur] body .home-main .tk p{font-size:14px;line-height:1.75;margin-bottom:6px}
html[lang=ur] body .home-main .meta{font-size:12.5px;line-height:1.6}
html[lang=ur] body .home-main .meta b{font-size:13.5px}
html[lang=ur] body .home-main .tk .meta + .tk-link{font-size:13.5px;margin-top:6px;line-height:1.6}
html[lang=ur] body .home-main .acts .btn{font-size:14px;padding:5px 12px;line-height:1.6}
/* compact sections inside the main column */
.home-main .chip{padding:7px 12px;font-size:13.5px}
.home-main .chips{gap:7px}
.home-main .panel{padding:20px}
.home-main fieldset+fieldset{margin-top:14px}
.home-main .tk p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-main .about>div{padding:18px}
.home-main .faq summary{padding-block:14px}
/* sidebar: guarantee + embassy cards */
.home-side{display:flex;flex-direction:column;gap:16px}
.side-guar{background:linear-gradient(135deg,var(--gold-l),var(--gold) 60%,var(--gold-d));color:var(--ink);border:0}
.side-guar-top{display:flex;gap:12px;align-items:center}
.side-100{font:800 34px/1 Fraunces,Georgia,serif;flex:none}
.side-guar p{margin:0;font-size:13.5px;line-height:1.45}
.side-guar details{margin-top:10px;font-size:13px}
.side-guar summary{cursor:pointer;font-weight:800;list-style:none}
.side-guar summary::-webkit-details-marker{display:none}
.side-guar summary::after{content:" ▾"}.side-guar details[open] summary::after{content:" ▴"}
.side-conds{margin:8px 0 0;padding-inline-start:18px;display:grid;gap:4px}
.side-slot{display:grid;gap:8px}
.side-slot strong{font-size:15.5px}
.side-slot p{margin:0;font-size:13.5px;color:var(--mu)}
.slot-dlg{max-width:520px;width:calc(100% - 32px)}
.slot-dlg h3{font-size:24px;padding-inline-end:36px;margin-bottom:6px}
.slot-dlg .checks{margin:12px 0 16px;font-size:14px}
.side-channel{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--tx)}
.side-channel:hover{border-color:#25D366}
.side-channel-ic{width:38px;height:38px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;flex:none}
.side-channel-ic svg{width:22px;height:22px}
.side-channel strong{display:block;font-size:14.5px}
.side-channel small{display:block;color:var(--mu);font-size:12.5px}
.chip[hidden],.tab[hidden]{display:none}
/* tabbed block: guarantee + embassy */
.tabbox .gbox{grid-template-columns:auto 1fr;gap:26px;padding:26px 28px}
.tabbox .big-n{font-size:64px}
.tabbox .gbox h2{font-size:clamp(20px,2.2vw,26px);line-height:1.25}
.tabbox .gbox ul{columns:2;column-gap:26px;font-size:14px}
.tabbox .gbox li{break-inside:avoid;margin-bottom:6px}
.tabbox .split{gap:28px}
.tb-tabs{margin-bottom:22px}
.tab-panel[hidden]{display:none}
.tabbox .gbox{padding:32px}
/* stories slider */
.sg-wrap{position:relative}
.home-main .sg{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:none;padding-bottom:4px}
.home-main .sg::-webkit-scrollbar{display:none}
.home-main .sg .story{flex:0 0 210px;scroll-snap-align:start}
.sg-arrow{position:absolute;top:84px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--night);color:var(--tx);font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center}
.sg-arrow.prev{inset-inline-start:-12px}.sg-arrow.next{inset-inline-end:-12px}
.sg-arrow:hover{border-color:var(--gold);color:var(--gold)}
.sg-wrap.no-more .sg-arrow{display:none}
html[dir=rtl] .sg-arrow.prev{transform:scaleX(-1)}html[dir=rtl] .sg-arrow.next{transform:scaleX(-1)}
.sg-wrap:not(.home-main .sg-wrap) .sg-arrow{display:none}
@media(min-width:1024px){.of-strip{display:none}}
@media(max-width:1023px){.home-grid{grid-template-columns:1fr;gap:0}.home-side{padding-block:0 44px}.side-offer{display:none}.side-stick{position:static}.home-side .side-book{max-width:460px}}
@media(max-width:760px){.home-main .steps{grid-template-columns:1fr 1fr;gap:18px}.home-main .eng{grid-template-columns:1fr}.home-main>.sec{padding-block:40px}.tabbox .gbox{grid-template-columns:1fr;gap:10px;padding:22px}.tabbox .big-n{font-size:52px}.tabbox .gbox ul{columns:1}.home-main .about{grid-template-columns:1fr 1fr}.home-main .about>div:last-child{grid-column:1/-1}}
/* destinations strip */
.strip{background:var(--gold);color:var(--ink);overflow:hidden;padding-block:14px}
.strip-track{display:flex;gap:44px;width:max-content;animation:mq 60s linear infinite;direction:ltr}
.strip:hover .strip-track{animation-play-state:paused}
.strip span{display:flex;align-items:center;gap:10px;font:800 18px Fraunces,Georgia,serif;white-space:nowrap}
@keyframes mq{to{transform:translateX(-50%)}}
.flg{border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.25);vertical-align:middle;display:inline-block;flex:none}

/* steps */
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s;position:relative}
.steps li{counter-increment:s;padding:0 22px 0 0;position:relative}
.steps li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--gold);color:var(--ink);font:800 18px Fraunces,Georgia,serif;margin-bottom:18px;position:relative;z-index:1}
.steps li::after{content:"";position:absolute;top:21px;inset-inline-start:44px;inset-inline-end:0;border-top:2px dashed var(--line)}
.steps li:last-child::after{display:none}
.steps h3{font-size:21px;margin-bottom:8px}
.steps p{color:var(--mu);font-size:15px;max-width:30ch}

/* eligibility */
.eng{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
.panel{background:rgba(255,255,255,.04);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:28px}
fieldset{border:0;padding:0;margin:0 0 22px}
fieldset:last-child{margin-bottom:0}
legend{font-weight:800;margin-bottom:10px;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1.5px solid var(--line);background:transparent;color:var(--tx);font-weight:700;font-size:14px;padding:8px 15px;min-height:40px;border-radius:99px;cursor:pointer;transition:border-color .15s,background .15s}
.chip:hover{border-color:var(--gold)}
.chip[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.res{display:flex;flex-direction:column;gap:16px}
.res-top{display:flex;align-items:center;gap:20px}
.ring{--p:0;flex:none;width:118px;height:118px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--p)*1%),rgba(185,197,232,.18) 0);display:grid;place-items:center;transition:--p .6s}
.ring div{width:94px;height:94px;border-radius:50%;background:var(--navy);display:grid;place-items:center;font:800 19px Fraunces,Georgia,serif;text-align:center}
.res small{color:var(--mu);font-weight:700;font-size:13px}
.res h3{font-size:24px;margin:2px 0 6px}
.res p{color:var(--mu);font-size:15px}
.matches{list-style:none;padding:0;display:grid;gap:8px}
.matches button{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r-sm);border:1px solid var(--line-soft);background:rgba(255,255,255,.03);cursor:pointer;text-align:start;font-weight:700;font-size:14.5px}
.matches button:hover{border-color:var(--gold)}
.matches button span:last-child{margin-inline-start:auto;color:var(--gold);font-size:13px;white-space:nowrap}
.note{font-size:12.5px;color:var(--mu);opacity:.85}

/* directory */
.dir-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:14px}
.tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--line-soft);margin-bottom:16px;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:none;display:flex;align-items:center;gap:8px;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:12px 14px;color:var(--mu);font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap}
.tab:hover{color:var(--tx)}
.tab[aria-selected=true]{color:var(--gold);border-color:var(--gold)}
.tab em{font-style:normal;font-size:11.5px;background:rgba(255,255,255,.1);border-radius:99px;padding:1px 8px}
.tab[aria-selected=true] em{background:var(--gold);color:var(--ink)}
.search{position:relative;flex:1 0 240px;max-width:340px;margin-inline-start:auto}
.search svg{position:absolute;inset-inline-start:14px;top:50%;translate:0 -50%;width:18px;height:18px;color:var(--mu)}
.search input{padding-inline-start:42px;margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.tk{position:relative;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border-radius:var(--r-md);padding:20px 20px 18px;box-shadow:0 20px 40px -28px rgba(0,0,0,.9);transition:transform .2s}
.tk:hover{transform:translateY(-4px)}
.tk[hidden]{display:none}
.tk-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.tag{font-size:12px;font-weight:800;padding:3px 10px;border-radius:99px;background:var(--navy);color:var(--gold-l);white-space:nowrap}
.tk h3{font-size:20px;margin:14px 0 6px}
.tk p{font-size:14px;color:#46507A;margin-bottom:16px}
.perf{position:relative;margin:auto -20px 14px;border-top:2px dashed #CDBF96}
.perf::before,.perf::after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--navy)}
.perf::before{left:-11px}.perf::after{right:-11px}
.sec:not(.sec-alt) .perf::before,.sec:not(.sec-alt) .perf::after{background:var(--deep)}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;font-weight:800;color:#565F80}
.meta b{display:block;color:var(--ink);font-size:14.5px;font-weight:800;line-height:1.35}
.tk .acts{display:flex;gap:8px;margin-top:16px}
.tk .acts .btn{flex:1}
.tk .btn.ghost{color:var(--ink);border-color:#CDBF96}
.tk .btn.ghost:hover{border-color:var(--ink);background:transparent}
.tk .btn:not(.ghost){background:var(--navy);color:var(--tx)}
.tk .btn:not(.ghost):hover{background:#1b2d70}
.more{text-align:center;margin-top:24px}
.empty{color:var(--mu);padding:24px 0}

/* guarantee */
.gbox{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:center;padding:44px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--gold-l),var(--gold) 55%,var(--gold-d));color:var(--ink)}
.big-n{font:800 clamp(80px,11vw,140px)/.85 Fraunces,Georgia,serif;text-align:center}
.big-n small{display:block;font:800 16px Manrope,sans-serif;margin-top:10px}
.gbox h2{font-size:clamp(24px,3vw,36px);max-width:26ch}
.gbox p{margin-top:14px;font-weight:800}
.gbox ul{margin-top:8px;padding-inline-start:20px;color:rgba(10,26,79,.85);font-size:15px}
.gbox li{margin-top:4px}

/* forms */
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.split h2{font-size:clamp(30px,4vw,46px)}
.split > div > p{color:var(--mu);margin-top:14px;max-width:48ch}
.checks{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}
.checks li{display:flex;gap:12px;align-items:flex-start}
.checks li::before{content:"";flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1A4F' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.field{margin-bottom:14px}
.field label{display:block;font-weight:800;font-size:14px;margin-bottom:6px}
.field label em{font-style:normal;font-weight:600;color:var(--mu)}
input,select{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line-soft);background:rgba(4,11,42,.55);color:var(--tx);font-weight:600;font-size:16px}
input::placeholder{color:#8190BC}
input:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(233,190,74,.25)}
input:user-invalid{border-color:#FF8A80}
select option{color:#000}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.form-note{font-size:13px;color:var(--mu);margin-top:10px}
.form-ok{display:none;margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(28,138,74,.18);border:1px solid rgba(28,138,74,.6);font-weight:700;font-size:14px}
.form-ok.show{display:block}

/* stories gallery */
.sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:26px 16px}
.story{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.story figcaption{display:grid;gap:3px;padding-inline:2px}
.story figcaption b{font-weight:800;font-size:14.5px;line-height:1.35;color:var(--tx)}
.story figcaption span{font-size:13px;line-height:1.5;color:var(--mu);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lb-info{max-width:min(720px,100%);text-align:center;display:grid;gap:4px}
.lb-cap{font-weight:800;font-size:18px;color:var(--tx);line-height:1.4}
.lb-desc{font-size:15px;color:var(--mu);line-height:1.6}
.lb-desc[hidden]{display:none}

.ph{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:14px;overflow:hidden;cursor:zoom-in;background:var(--navy);box-shadow:0 18px 34px -24px rgba(0,0,0,.9)}
.ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.ph:hover img{transform:scale(1.05)}
.ph:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.ph::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(233,190,74,.25);pointer-events:none}
/* lightbox */
#lb{max-width:none;max-height:none;width:100%;height:100%;margin:0;background:transparent}
#lb::backdrop{background:rgba(2,6,24,.94);backdrop-filter:blur(6px)}
#lb[open]{display:grid;place-items:center;animation:none}
.lb-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:64px 72px calc(24px + env(safe-area-inset-bottom,0px))}
.lb-img{width:min(1080px,calc(100vw - 160px),calc(100dvh - 270px));height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px;background:var(--navy);box-shadow:0 40px 90px -30px #000;animation:lbz .25s ease-out}
@keyframes lbz{from{opacity:0;transform:scale(.96)}}
.lb-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;color:var(--mu);font-weight:700;font-size:14px}
.lb-bar b{color:var(--tx);font-weight:800}
.lb-nav{position:fixed;z-index:3;top:50%;translate:0 -50%;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:rgba(10,26,79,.8);color:var(--tx);cursor:pointer;display:grid;place-items:center}
.lb-nav:hover{background:var(--navy);border-color:var(--gold)}
.lb-nav svg{width:22px;height:22px}
.lb-prev{inset-inline-start:14px}.lb-next{inset-inline-end:14px}
html[dir=rtl] .lb-nav svg{transform:scaleX(-1)}
#lb .x{position:fixed;z-index:3;top:calc(14px + env(safe-area-inset-top,0px));inset-inline-end:14px;width:48px;height:48px}
@media(max-width:640px){
  .sg{grid-template-columns:repeat(2,1fr);gap:20px 12px}
  .lb-in{padding:64px 12px calc(96px + env(safe-area-inset-bottom,0px))}
  .lb-img{width:min(calc(100vw - 24px),calc(100dvh - 330px))}
  .lb-nav{top:auto;bottom:calc(18px + env(safe-area-inset-bottom,0px));translate:none}
  .lb-prev{inset-inline-start:calc(50% - 64px)}.lb-next{inset-inline-end:calc(50% - 64px)}
}

/* about */
.about{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.about div{padding:24px;border-radius:var(--r-md);border:1px solid var(--line-soft);background:rgba(255,255,255,.03)}
.about svg{width:28px;height:28px;color:var(--gold);margin-bottom:12px}
.about b{font:800 20px Fraunces,Georgia,serif;display:block;margin-bottom:6px}
.about p{color:var(--mu);font-size:15px}

/* faq */
.faq{max-width:780px}
.faq details{border-bottom:1px solid var(--line-soft)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font-weight:800;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;border-inline-end:2.5px solid var(--gold);border-bottom:2.5px solid var(--gold);transform:rotate(45deg);transition:transform .2s;margin-top:-6px}
.faq details[open] summary::after{transform:rotate(225deg);margin-top:6px}
.faq details p{color:var(--mu);padding-bottom:20px;max-width:64ch}

/* footer */
footer{background:var(--night);padding-block:56px 32px;border-top:1px solid var(--line-soft)}
.fgrid{display:grid;grid-template-columns:1.8fr .9fr 1.1fr 1.35fr;gap:32px;font-size:14.5px;color:var(--mu)}
.fgrid h2{color:var(--tx);font:800 15px/1.4 Manrope,"Segoe UI",system-ui,sans-serif;letter-spacing:0;margin-bottom:12px}
.fgrid a{display:block;text-decoration:none;margin-bottom:8px;width:fit-content}
.fgrid a:hover{color:var(--gold)}
.fgrid .logo{display:flex;margin-bottom:14px}
.fgrid .f-tag{color:var(--tx);font-weight:700}
.fgrid .f-about{margin-top:10px;max-width:52ch;font-size:14px;line-height:1.65}
.ltr{direction:ltr;unicode-bidi:isolate}
.social{display:flex;gap:8px;margin-top:14px}
.social a{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;margin:0}
.social svg{width:18px;height:18px}
.fine{margin-top:40px;padding-top:22px;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--mu);display:grid;gap:10px}
.fine nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.fine a{text-decoration:none}.fine a:hover{color:var(--gold)}

/* whatsapp */
.wa{position:fixed;inset-inline-end:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:70;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 12px 28px -8px rgba(0,0,0,.6);color:#fff}
.wa svg{width:30px;height:30px}

/* dialogs */
dialog{margin:auto;border:0;padding:0;background:transparent;color:var(--tx);max-width:min(480px,calc(100% - 28px));width:100%;max-height:calc(100% - 28px)}
dialog::backdrop{background:rgba(2,6,24,.72);backdrop-filter:blur(5px)}
dialog[open]{animation:dlg .22s ease-out}
@keyframes dlg{from{opacity:0;transform:translateY(12px)}}
.dlg{background:var(--navy);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;position:relative;overflow:auto;max-height:calc(100dvh - 28px)}
.dlg h3{font-size:26px;margin-bottom:6px;padding-inline-end:40px}
.dlg > p{color:var(--mu);margin-bottom:18px}
.dlg ul.doclist{margin:6px 0 22px;padding-inline-start:20px;color:var(--mu)}
.dlg ul.doclist li{margin-top:6px}
.x{position:absolute;top:16px;inset-inline-end:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.07);border:0;color:var(--tx);font-size:24px;line-height:1;cursor:pointer}
.x:hover{background:rgba(255,255,255,.14)}

/* responsive */
@media(max-width:1300px) and (min-width:1141px){.logo .logo-nav{height:56px}.links a{padding:8px 8px}}
@media(max-width:1140px){
  :root{--nav-h:76px}
  .logo .logo-nav{height:56px}
  .links{display:none}
  .menu-btn{display:grid}
  .nav-act{margin-inline-start:auto}
  .nav-act .book-top{display:none}
  .mnav{position:fixed;inset:calc(var(--nav-h) + env(safe-area-inset-top,0px)) 0 auto 0;z-index:59;background:var(--deep);border-bottom:1px solid var(--line-soft);padding:12px 20px 22px}
  .mnav.open{display:block}
  .mnav a{display:block;padding:14px 4px;font-weight:800;font-size:17px;text-decoration:none;border-bottom:1px solid var(--line-soft)}
  .mnav .btn{margin-top:16px;width:100%}
}
@media(max-width:980px){
  .steps{grid-template-columns:1fr 1fr;gap:34px 0}
  .steps li:nth-child(2)::after{display:none}
  .fgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .sec{padding-block:64px}
  .hero{padding-block:36px 64px}
  .hero .wrap,.eng,.split,.gbox{grid-template-columns:1fr}
  .gbox{padding:30px;gap:20px}
  .big-n{text-align:start}
  .about{grid-template-columns:1fr}
}
@media(max-width:560px){
  .steps{grid-template-columns:1fr;gap:26px}
  .steps li{padding:0 0 0 62px;min-height:44px}
  .steps li::before{position:absolute;inset-inline-start:0;top:0;margin:0}
  .steps li::after{display:none}
  .row2{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .panel,.dlg{padding:22px}
  .res-top{flex-direction:column;align-items:flex-start}
  .ef-lang-btn{min-width:0}
  :root{--nav-h:66px}
  .logo .logo-nav{height:44px}
}
@media(max-width:380px){.logo .logo-nav{height:38px}.nav .wrap{gap:8px;padding-inline:14px}.nav-act{gap:6px}.ef-lang-btn{padding-inline:12px}}
html[dir=rtl] .steps li{padding:0 0 0 22px}
@media(max-width:560px){html[dir=rtl] .steps li{padding:0 62px 0 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Urdu */
html[lang=ur] body,html[lang=ur] h1,html[lang=ur] h2,html[lang=ur] h3,html[lang=ur] button,html[lang=ur] input,html[lang=ur] select,html[lang=ur] .strip span,html[lang=ur] .about b,html[lang=ur] .ring div,html[lang=ur] .big-n small{font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;letter-spacing:0}
html[lang=ur] body{line-height:2.1}
html[lang=ur] h1,html[lang=ur] h2,html[lang=ur] h3{line-height:1.75;font-weight:700}
html[lang=ur] .hero h1{font-size:clamp(32px,4.6vw,56px);max-width:none}
html[lang=ur] .ltr,html[lang=ur] .big-n{font-family:Manrope,sans-serif}
html[lang=ur] .big-n{font-family:Fraunces,Georgia,serif}

/* ===== WordPress additions ===== */
.admin-bar .nav{top:32px}
.admin-bar .mnav{top:calc(var(--nav-h) + 32px)!important}
@media(max-width:782px){.admin-bar .nav{top:46px}.admin-bar .mnav{top:calc(var(--nav-h) + 46px)!important}}
@media(max-width:600px){.admin-bar .nav{top:0}.admin-bar .mnav{top:var(--nav-h)!important}}
.page-wrap{padding-block:64px 88px;min-height:50vh}
.page-wrap .wrap{max-width:820px}
.page-title{font-size:clamp(32px,4.5vw,52px);margin-bottom:28px}
.prose{color:var(--mu);font-size:17px}
.prose > * + *{margin-top:1.1em}
.prose h2,.prose h3,.prose h4{color:var(--tx);margin-top:1.8em}
.prose h2{font-size:30px}.prose h3{font-size:23px}
.prose a{color:var(--gold)}
.prose ul,.prose ol{padding-inline-start:1.4em}
.prose li + li{margin-top:.4em}
.prose img{height:auto;border-radius:12px}
.prose blockquote{border-inline-start:3px solid var(--gold);padding-inline-start:18px;color:var(--tx)}
.prose table{width:100%;border-collapse:collapse}.prose td,.prose th{border:1px solid var(--line-soft);padding:8px 10px}
.post-list article{padding-block:22px;border-bottom:1px solid var(--line-soft)}
.post-list h2{font-size:26px}.post-list h2 a{text-decoration:none}.post-list h2 a:hover{color:var(--gold)}
.post-list time{color:var(--mu);font-size:13px;font-weight:700}
.pager{display:flex;gap:10px;margin-top:28px}.pager a,.pager span{padding:8px 14px;border:1px solid var(--line);border-radius:99px;text-decoration:none}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ===== Urdu size scale (generated) ===== */
html[lang=ur] body{font-size:18px}
html[lang=ur] body{font-size:18.9px}
html[lang=ur] .sh p{font-size:20.1px}
html[lang=ur] .btn{font-size:18.8px}
html[lang=ur] .btn.sm{font-size:17.5px}
html[lang=ur] .links a{font-size:17.5px}
html[lang=ur] .lead{font-size:21.2px}
html[lang=ur] .trust{font-size:17.5px}
html[lang=ur] .tk-link{font-size:16.9px}
html[lang=ur] .crumbs{font-size:16.9px}
html[lang=ur] .vp-facts dt{font-size:16px}
html[lang=ur] .vp-facts dd{font-size:18.9px}
html[lang=ur] .vp-main .prose h2{font-size:23.8px}
html[lang=ur] .vp-steps li::before{font-size:20.1px}
html[lang=ur] .vp-steps h3{font-size:20.5px}
html[lang=ur] .vp-steps p{font-size:18.8px}
html[lang=ur] .vp-source{font-size:18.1px}
html[lang=ur] .vp-card small{font-size:16px}
html[lang=ur] .vp-card .vp-price{font-size:34.0px}
html[lang=ur] .vp-card .vp-price span{font-size:17.5px}
html[lang=ur] .vp-card p{font-size:18.1px}
html[lang=ur] .vp-related h2{font-size:18.9px}
html[lang=ur] .vp-related li a{font-size:18.1px}
html[lang=ur] .vp-jump .chip em{font-size:16px}
html[lang=ur] .linkish{font-size:18.1px}
html[lang=ur] .dlg-or{font-size:17.5px}
html[lang=ur] .of-head h2{font-size:18.8px}
html[lang=ur] .of-head a{font-size:16.9px}
html[lang=ur] .of-title{font-size:16.9px}
html[lang=ur] .of-card .of-title{font-size:18.8px}
html[lang=ur] .of-until{font-size:16px}
html[lang=ur] .of-info h3{font-size:25.9px}
html[lang=ur] .of-text{font-size:18.8px}
html[lang=ur] .of-link a{font-size:16.9px}
html[lang=ur] .of-zoom-hint{font-size:16px}
html[lang=ur] .hero .lead{font-size:19.5px}
html[lang=ur] .hero .lead{font-size:18.3px}
html[lang=ur] .hero .trust{font-size:16px}
html[lang=ur] .home-main .steps h3{font-size:20.1px}
html[lang=ur] .home-main .steps p{font-size:17.5px}
html[lang=ur] .side-head{font-size:16px}
html[lang=ur] .side-slide strong{font-size:18.3px}
html[lang=ur] .side-slide small{font-size:16px}
html[lang=ur] .side-cta{font-size:17.5px}
html[lang=ur] .side-book small{font-size:16px}
html[lang=ur] .side-book .side-price{font-size:32.0px}
html[lang=ur] .side-book .side-price span{font-size:17.5px}
html[lang=ur] .side-book p{font-size:17.5px}
html[lang=ur] .home-left .chip{font-size:16.9px}
html[lang=ur] .home-left .sh h2{font-size:25.9px}
html[lang=ur] .home-left .sh p{font-size:17.5px}
html[lang=ur] .home-left legend{font-size:18.1px}
html[lang=ur] .home-left .chip{font-size:16px}
html[lang=ur] .home-left .res-top h3{font-size:21.6px}
html[lang=ur] .home-left .res-top p{font-size:16px}
html[lang=ur] .home-left .ring div{font-size:18.8px}
html[lang=ur] .home-left .matches button{font-size:16.9px}
html[lang=ur] .home-main .tk h3{font-size:20.1px}
html[lang=ur] .home-main .tk p{font-size:16px}
html[lang=ur] .home-main .meta{font-size:16px}
html[lang=ur] .home-main .meta b{font-size:16px}
html[lang=ur] .home-main .tk .meta + .tk-link{font-size:16px}
html[lang=ur] .home-main .acts .btn{font-size:16px}
html[lang=ur] .home-main .chip{font-size:16.9px}
html[lang=ur] .side-100{font-size:34.0px}
html[lang=ur] .side-guar p{font-size:16.9px}
html[lang=ur] .side-guar details{font-size:16px}
html[lang=ur] .side-slot strong{font-size:18.3px}
html[lang=ur] .side-slot p{font-size:16.9px}
html[lang=ur] .slot-dlg h3{font-size:25.9px}
html[lang=ur] .slot-dlg .checks{font-size:17.5px}
html[lang=ur] .side-channel strong{font-size:18.1px}
html[lang=ur] .side-channel small{font-size:16px}
html[lang=ur] .tabbox .big-n{font-size:64.0px}
html[lang=ur] .tabbox .gbox ul{font-size:17.5px}
html[lang=ur] .sg-arrow{font-size:25.9px}
html[lang=ur] .tabbox .big-n{font-size:52.0px}
html[lang=ur] .strip span{font-size:21.2px}
html[lang=ur] .steps li::before{font-size:21.2px}
html[lang=ur] .steps h3{font-size:22.7px}
html[lang=ur] .steps p{font-size:18.8px}
html[lang=ur] .chip{font-size:17.5px}
html[lang=ur] .ring div{font-size:20.5px}
html[lang=ur] .res small{font-size:16px}
html[lang=ur] .res h3{font-size:25.9px}
html[lang=ur] .res p{font-size:18.8px}
html[lang=ur] .matches button{font-size:18.1px}
html[lang=ur] .matches button span:last-child{font-size:16px}
html[lang=ur] .note{font-size:16px}
html[lang=ur] .tab{font-size:17.5px}
html[lang=ur] .tab em{font-size:16px}
html[lang=ur] .tag{font-size:16px}
html[lang=ur] .tk h3{font-size:21.6px}
html[lang=ur] .tk p{font-size:17.5px}
html[lang=ur] .meta{font-size:16px}
html[lang=ur] .meta b{font-size:18.1px}
html[lang=ur] .big-n small{font-size:18.9px}
html[lang=ur] .gbox ul{font-size:18.8px}
html[lang=ur] .field label{font-size:17.5px}
html[lang=ur] input,html[lang=ur] select{font-size:18.9px}
html[lang=ur] .form-note{font-size:16px}
html[lang=ur] .form-ok{font-size:17.5px}
html[lang=ur] .story figcaption b{font-size:18.1px}
html[lang=ur] .story figcaption span{font-size:16px}
html[lang=ur] .lb-cap{font-size:21.2px}
html[lang=ur] .lb-desc{font-size:18.8px}
html[lang=ur] .lb-bar{font-size:17.5px}
html[lang=ur] .about b{font-size:21.6px}
html[lang=ur] .about p{font-size:18.8px}
html[lang=ur] .faq summary{font-size:20.1px}
html[lang=ur] .fgrid{font-size:18.1px}
html[lang=ur] .fgrid h2{font-size:18.8px}
html[lang=ur] .fgrid .f-about{font-size:17.5px}
html[lang=ur] .fine{font-size:16px}
html[lang=ur] .dlg h3{font-size:28.1px}
html[lang=ur] .x{font-size:25.9px}
html[lang=ur] .mnav a{font-size:20.1px}
html[lang=ur] .prose{font-size:20.1px}
html[lang=ur] .prose h2{font-size:30.0px}
html[lang=ur] .prose h3{font-size:24.8px}
html[lang=ur] .post-list h2{font-size:28.1px}
html[lang=ur] .post-list time{font-size:16px}
/* Urdu line spacing and layout fixes */
html[lang=ur] .btn,html[lang=ur] .chip,html[lang=ur] .tab,html[lang=ur] .tag,html[lang=ur] .links a,html[lang=ur] .ef-lang-btn{line-height:1.7}
html[lang=ur] .btn{padding-block:8px}
html[lang=ur] .meta,html[lang=ur] .who{line-height:1.7}
html[lang=ur] .meta b{line-height:1.8}
html[lang=ur] .tk h3,html[lang=ur] .res h3{line-height:1.7}
html[lang=ur] .steps h3{line-height:1.8}
html[lang=ur] .trust{gap:6px 22px}
html[lang=ur] legend,html[lang=ur] .field label{line-height:1.9}
html[lang=ur] .faq summary{line-height:1.9;padding-block:14px}
html[lang=ur] .strip span{line-height:1.6}
html[lang=ur] .ring div{line-height:1.6}
html[lang=ur] .lb-bar{font-size:16px}
html[lang=ur] .gbox h2{line-height:1.7}
html[lang=ur] .story figcaption b{line-height:1.8}
html[lang=ur] .story figcaption span{line-height:1.9}
html[lang=ur] .lb-cap,html[lang=ur] .lb-desc{line-height:1.9}
html[lang=ur] .fgrid .f-about{line-height:2.05;max-width:none}
html[lang=ur] .linkish{text-underline-offset:10px;line-height:2}
@media(max-width:560px){.ef-lang-btn{padding-inline:12px}.nav-act{gap:6px}}
@media(max-width:420px){.logo .logo-nav{height:42px}}
@media(max-width:380px){.logo .logo-nav{height:38px}.ef-lang-btn{padding-inline:10px}}