/* Lemcon Pakistan — site styles
   Navy #23297A  Orange #FF883E  Open Sans */

:root{
  --navy:#23297A; --navy-dark:#141847; --orange:#FF883E; --orange-dark:#E76E22;
  --ink:#1D2233; --body:#4A5160; --line:#DFE3EC; --wash:#F4F5F8; --white:#FFFFFF;
  --wrap:1180px;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:'Open Sans','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;line-height:1.65;color:var(--body);background:var(--white);
  -webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--navy);text-decoration:none;}
a:hover{color:var(--orange-dark);}
h1,h2,h3,h4{color:var(--ink);line-height:1.25;margin:0 0 16px;font-weight:700;}
h1{font-size:2rem;font-weight:800;letter-spacing:-0.01em;}
h2{font-size:1.6rem;}
h3{font-size:1.15rem;}
p{margin:0 0 16px;}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px;}

.logoband{background:var(--navy);}
.logoband img{width:100%;max-width:760px;margin:0 auto;padding:14px 0;}

.countryrow{background:var(--navy-dark);}
.countryrow ul{list-style:none;margin:0;padding:8px 0;display:flex;flex-wrap:wrap;
  justify-content:center;gap:4px 0;}
.countryrow li{display:flex;align-items:center;}
.countryrow li + li::before{content:"";width:1px;height:12px;background:rgba(255,255,255,.25);margin:0 10px;}
.countryrow a{color:rgba(255,255,255,.72);font-size:.76rem;letter-spacing:.04em;
  text-transform:uppercase;font-weight:600;white-space:nowrap;}
.countryrow a:hover{color:var(--orange);}
.countryrow .is-current{color:var(--orange);border-bottom:2px solid var(--orange);padding-bottom:1px;}

.nav{position:sticky;top:0;z-index:40;background:var(--white);
  border-bottom:1px solid var(--line);box-shadow:0 1px 8px rgba(20,24,71,.06);}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;}
.nav .brand{display:none;font-weight:800;color:var(--navy);font-size:.95rem;letter-spacing:.02em;}
@media(min-width:760px){.nav .brand{display:inline;}}
.nav ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;margin:0;padding:0;}
.nav a{font-weight:600;font-size:.9rem;color:var(--ink);}
.nav a:hover,.nav a.active{color:var(--navy);}
.nav a.active{border-bottom:2px solid var(--orange);padding-bottom:2px;}
.nav .btn{font-size:.85rem;padding:9px 16px;}

.btn{display:inline-block;background:var(--orange);color:#fff;font-weight:700;
  padding:13px 26px;border-radius:3px;font-size:.95rem;line-height:1.2;
  border:2px solid var(--orange);transition:background .15s,border-color .15s;}
.btn:hover{background:var(--orange-dark);border-color:var(--orange-dark);color:#fff;}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7);}
.btn-ghost:hover{background:#fff;color:var(--navy);border-color:#fff;}
.btn-outline{background:transparent;color:var(--navy);border-color:var(--navy);}
.btn-outline:hover{background:var(--navy);color:#fff;border-color:var(--navy);}

section{padding:48px 0;}
section.wash{background:var(--wash);}
.sechead{max-width:62ch;margin-bottom:32px;}
.sechead p{font-size:1.02rem;}
.eyebrow{color:var(--orange);font-weight:800;font-size:.76rem;letter-spacing:.12em;
  text-transform:uppercase;margin:0 0 10px;}

.grid{display:grid;gap:20px;grid-template-columns:1fr;}
@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1000px){.grid-3{grid-template-columns:repeat(3,1fr);}}

.card{background:var(--white);border-radius:3px;padding:24px;}
.card h3{margin-bottom:8px;}
.card p:last-child{margin-bottom:0;}
.card ul{margin:12px 0 0;padding-left:18px;}
.card li{margin-bottom:6px;font-size:.94rem;}
.card li::marker{color:var(--orange);}

.band{display:grid;gap:28px;align-items:center;grid-template-columns:1fr;}
@media(min-width:860px){.band{grid-template-columns:1.05fr .95fr;gap:44px;}}
.band img{border-radius:3px;}
.band .text p:last-child{margin-bottom:0;}

.note{background:var(--navy);color:#fff;border-radius:3px;padding:28px;}
.note h3{color:#fff;}
.note p{color:rgba(255,255,255,.88);margin-bottom:0;}

footer{background:var(--navy-dark);color:rgba(255,255,255,.75);padding:44px 0 104px;}
footer img.flogo{max-width:420px;width:100%;margin-bottom:20px;}
footer h4{color:#fff;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;}
footer a{color:rgba(255,255,255,.75);}
footer a:hover{color:var(--orange);}
.fgrid{display:grid;gap:28px;grid-template-columns:1fr;}
@media(min-width:760px){.fgrid{grid-template-columns:1.4fr 1fr 1fr;}}
footer ul{list-style:none;margin:0;padding:0;}
footer li{margin-bottom:8px;font-size:.92rem;}
.fbottom{border-top:1px solid rgba(255,255,255,.15);margin-top:32px;padding-top:20px;
  font-size:.82rem;color:rgba(255,255,255,.55);}

.ask{position:fixed;right:18px;bottom:18px;z-index:60;background:var(--orange);color:#fff;
  font-weight:700;font-size:.9rem;padding:13px 20px;border-radius:40px;
  box-shadow:0 6px 18px rgba(20,24,71,.28);border:none;}
.ask:hover{background:var(--orange-dark);color:#fff;}

@media(min-width:760px){
  h1{font-size:2.4rem;} h2{font-size:1.9rem;} section{padding:62px 0;}
}

/* skin: bar */
.hero{position:relative;background:var(--navy-dark);overflow:hidden;}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;}
.hero .wrap{position:relative;padding-top:62px;padding-bottom:62px;}
.hero h1{color:#fff;max-width:19ch;}
.hero h1::after{content:"";display:block;width:96px;height:6px;background:var(--orange);margin-top:18px;}
.hero p{color:rgba(255,255,255,.9);max-width:56ch;font-size:1.05rem;margin-top:22px;}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.card{border:1px solid var(--line);border-bottom:5px solid var(--navy);}
.sechead h2{position:relative;padding-left:16px;}
.sechead h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:5px;background:var(--orange);}
.stripimg{width:100%;height:200px;object-fit:cover;display:block;}
@media(min-width:760px){.stripimg{height:280px;}}