*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0b2740;background:#f5f9fc}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:#081d30;color:white;border-bottom:1px solid rgba(255,255,255,.1)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#66e3bc;color:#06283a;font-size:22px}.brand strong{display:block;font-size:18px}.brand small{display:block;color:#75e5bd;margin-top:3px}.nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}.nav a{padding:9px 0}.nav a.active{color:#ffd36f;border-bottom:2px solid #ffd36f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:15px 23px;font-weight:800;transition:.2s ease;border:1px solid transparent;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,#ffd76b,#ffc95a);color:#0b2740;box-shadow:0 10px 30px rgba(255,201,90,.22)}.btn-small{padding:11px 22px;border-radius:999px}.btn-outline{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.04)}.btn-dark{background:#0b2740;color:#fff}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,rgba(76,230,175,.28),transparent 30%),linear-gradient(120deg,#062c35,#07503f 55%,#0a6a4a);color:white;padding:64px 0 74px}.hero:after{content:"";position:absolute;inset:auto -10% -110px -10%;height:180px;background:rgba(0,19,37,.2);transform:rotate(-4deg)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}.eyebrow{display:inline-block;letter-spacing:2px;font-size:12px;font-weight:800;color:#6be8bd}.hero h1{font-family:Georgia,serif;font-size:64px;line-height:1.03;margin:18px 0}.hero h1 em{font-weight:500;color:#61e4b6}.hero-copy>p{max-width:650px;color:#d8edf0;font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:16px;margin-top:26px}.audience{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:#d2f2e8;font-size:14px}.network-card{position:relative;min-height:430px;border-radius:34px;background:radial-gradient(circle at center,rgba(111,255,201,.25),rgba(255,255,255,.03) 58%,transparent);border:1px solid rgba(255,255,255,.12)}.pakistan-shape{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:250px;border-radius:45% 55% 35% 65% / 35% 45% 55% 65%;display:grid;place-items:center;border:2px solid rgba(124,255,204,.65);color:#8dffd8;font-size:58px;font-weight:900;box-shadow:0 0 80px rgba(77,229,170,.23) inset}.node{position:absolute;display:flex;gap:9px;align-items:center;background:rgba(4,45,50,.75);border:1px solid rgba(103,232,189,.6);border-radius:14px;padding:10px 14px;font-size:13px;box-shadow:0 10px 25px rgba(0,0,0,.15)}.node b{display:block}.node small{display:block;color:#cbece4;margin-left:5px}.node-a{top:48px;left:20px}.node-b{bottom:92px;left:5px}.node-c{top:40px;right:8px}.node-d{bottom:56px;right:4px}.dot{position:absolute;width:10px;height:10px;background:#8affd5;border-radius:50%;box-shadow:0 0 18px #8affd5}.d1{left:42%;top:28%}.d2{left:60%;top:39%}.d3{left:36%;bottom:25%}.d4{right:25%;bottom:27%}.overview{margin-top:-36px;position:relative;z-index:5}.overview-card{display:grid;grid-template-columns:1.7fr 1fr;background:#fff;border-radius:22px;box-shadow:0 18px 50px rgba(12,52,74,.13);padding:28px}.overview-left{padding-right:28px;border-right:1px solid #dce8ee}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-head h2,.roles h2{margin:0;font-size:24px}.section-head p{margin:4px 0 0;color:#5d7484}.demo-badge{background:#eaf3fb;padding:8px 11px;border-radius:999px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.stat{display:flex;align-items:center;gap:14px;padding:20px;border-radius:16px}.stat-blue{background:#edf7ff}.stat-green{background:#edf9f4}.stat-gold{background:#fff7e5}.stat-icon{font-size:28px}.stat strong{display:block;font-size:32px}.stat span{font-size:12px;color:#5d7484}.overview-right{padding-left:28px}.overview-right h3{margin:0 0 12px}.benefit{display:flex;gap:13px;padding:12px 0;border-bottom:1px solid #edf1f4}.benefit span{font-size:24px}.benefit b,.benefit small{display:block}.benefit small{color:#667c8c;margin-top:2px}.regions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#e8fbf2;border-radius:18px;padding:14px 18px;margin-top:16px}.regions strong{margin-right:auto}.regions span{background:#fff;padding:11px 16px;border-radius:999px;border:1px solid #dcefe7;font-weight:700;font-size:13px}.roles{padding:26px 0 56px}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-title-row a{font-weight:800;font-size:13px;background:#eef5fb;padding:10px 14px;border-radius:999px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.role-card{padding:22px;border-radius:18px;border:1px solid #e4edf2}.role-card.mint{background:#eefaf5}.role-card.blue{background:#eef7ff}.role-card.gold{background:#fff7e4}.role-card.rose{background:#fff0f5}.role-icon{font-size:30px}.role-card h3{margin:12px 0 8px}.role-card p{font-size:14px;line-height:1.5;color:#5b7180}.role-card a{font-weight:800;font-size:13px}.promise{text-align:center;padding:26px 0 64px;background:linear-gradient(#f5f9fc,#edf5fa)}.eyebrow.dark{color:#31546c}.promise h2{font-family:Georgia,serif;font-size:38px;margin:9px 0}.promise p{color:#577082}.cta-section{padding:55px 0}.cta-card{background:linear-gradient(120deg,#0a2a3e,#0a654c);color:white;border-radius:24px;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-card h2{margin:0 0 8px}.cta-card p{margin:0;color:#d7ebe6}.simple-panel{padding:50px 0}.signin-card,.policy{background:white;border-radius:20px;padding:34px;box-shadow:0 10px 35px rgba(15,52,72,.08)}footer{background:#081d30;color:#dbe7ec}.footer-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}@media(max-width:900px){.nav{display:none;position:absolute;left:4%;right:4%;top:70px;background:#081d30;padding:20px;border-radius:16px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.overview-card{grid-template-columns:1fr}.hero h1{font-size:48px}.network-card{min-height:360px}.overview-left{padding-right:0;border-right:0;border-bottom:1px solid #dce8ee;padding-bottom:24px}.overview-right{padding-left:0;padding-top:20px}.role-grid{grid-template-columns:repeat(2,1fr)}.cta-card{flex-direction:column;align-items:flex-start}}@media(max-width:620px){.brand small{display:none}.hero{padding-top:46px}.hero h1{font-size:38px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.network-card{min-height:330px}.node{font-size:11px;max-width:145px}.stats,.role-grid{grid-template-columns:1fr}.section-head,.section-title-row{flex-direction:column;align-items:flex-start}.regions strong{width:100%}.footer-inner{flex-direction:column;justify-content:center;text-align:center}.promise h2{font-size:31px}}

/* v2.8.11 - charming feature experience replacing demo statistics */
.experience{margin-top:-34px;position:relative;z-index:6}
.experience-card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 10%,rgba(103,226,188,.22),transparent 24%),
    linear-gradient(135deg,#ffffff 0%,#f8fcfb 48%,#f1f8ff 100%);
  border:1px solid #dce9ee;
  border-radius:26px;
  padding:34px;
  box-shadow:0 22px 55px rgba(9,45,64,.12)
}
.experience-card:before{
  content:"";
  position:absolute;
  width:260px;height:260px;border-radius:50%;
  right:-90px;top:-110px;
  border:1px solid rgba(21,153,112,.16)
}
.experience-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:28px;
  position:relative;
  z-index:2
}
.experience-head h2{
  margin:8px 0 10px;
  font-family:Georgia,serif;
  font-size:34px;
  color:#0b2740;
  line-height:1.15
}
.experience-head p{
  max-width:760px;
  margin:0;
  color:#5c7382;
  font-size:16px;
  line-height:1.65
}
.experience-badge{
  flex:0 0 auto;
  background:#e6f8f1;
  color:#087556;
  border:1px solid #cceee1;
  padding:10px 14px;
  border-radius:999px;
  font-weight:800;
  font-size:12px
}
.journey-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:28px;
  position:relative;
  z-index:2
}
.journey-card{
  display:flex;
  gap:14px;
  align-items:flex-start;
  background:rgba(255,255,255,.9);
  border:1px solid #e0ebef;
  border-radius:18px;
  padding:20px;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.journey-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(11,61,83,.10);
  border-color:#bfe5d8
}
.journey-icon{
  width:48px;height:48px;flex:0 0 48px;
  display:grid;place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,#e7fbf3,#edf7ff);
  font-size:24px
}
.journey-card h3{
  margin:1px 0 7px;
  color:#0c3147;
  font-size:16px
}
.journey-card p{
  margin:0;
  color:#637987;
  font-size:13px;
  line-height:1.55
}
.experience-footer{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid #e1ecef
}
.experience-footer span{
  background:#0b3042;
  color:#e9f7f3;
  border-radius:999px;
  padding:9px 14px;
  font-size:12px;
  font-weight:800
}
@media(max-width:900px){
  .journey-grid{grid-template-columns:repeat(2,1fr)}
  .experience-head{flex-direction:column}
  .experience-badge{align-self:flex-start}
}
@media(max-width:620px){
  .experience{margin-top:-18px}
  .experience-card{padding:24px 18px}
  .experience-head h2{font-size:27px}
  .journey-grid{grid-template-columns:1fr}
}


/* v2.8.12 - closer match to polished visual mockup */
.hero{
  padding:54px 0 52px;
  background:
    radial-gradient(circle at 82% 30%,rgba(71,230,171,.24),transparent 30%),
    linear-gradient(110deg,#062b35 0%,#074637 56%,#0b6549 100%);
}
.hero-grid{
  grid-template-columns:1.02fr .98fr;
  gap:28px;
}
.hero h1{
  font-size:64px;
  max-width:720px;
}
.hero-copy>p{
  max-width:650px;
  font-size:17px;
}
.hero-visual{
  min-height:390px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.hero-visual img{
  display:block;
  width:100%;
  max-width:690px;
  height:auto;
  border-radius:28px;
  mix-blend-mode:normal;
  filter:saturate(1.03) contrast(1.02);
  box-shadow:0 22px 55px rgba(0,0,0,.18);
}
.network-card,.pakistan-shape,.node,.dot{display:none!important}

/* make lower sections visually closer to the mockup */
.experience{
  margin-top:-20px;
}
.experience-card{
  border-radius:20px;
  padding:26px 28px;
}
.experience-head h2{
  font-size:30px;
}
.journey-grid{
  gap:14px;
}
.journey-card{
  border-radius:15px;
  padding:17px;
}
.roles{
  padding-top:18px;
}
.role-card{
  border-radius:16px;
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-visual{min-height:auto}
  .hero-visual img{max-width:760px}
}