:root{
  --bg:#e9e9ef;
  --ink:#0b0b10;
  --muted:#50505c;
  --brand:#0d6efd;
}

/* Global Reset */
*{box-sizing:border-box; margin:0; padding:0}

/* ★ FIXED — Entire background except header + footer */
body{
  background:#e9e9ef !important;
  margin:0;
  padding:0 !important;   /* removes space above header */
  font-family:'Nunito',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);
  line-height:1.6;
  overflow-x:hidden;
}

/* ===== HEADER ===== */
header {
  background: linear-gradient(90deg, #0D6EFD, #6EA8FE, #6F42C1, #0D6EFD);
  padding: 10px 0;
}
nav {
  display:flex; justify-content:space-between; align-items:center;
  padding: 0 30px;
}
.logo svg { height:45px; display:block; }
.nav-links { list-style:none; display:flex; gap:30px; margin:0; padding:0; }
.nav-links a {
  color:#fff; text-decoration:none; font-size:18px; font-weight:500;
  transition:all .3s ease; padding-bottom:2px;
}
.nav-links a:hover,
.nav-links a.active {
  color:#FFA500;
  border-bottom:2px solid #FFA500;
}
@media(max-width:768px){
  nav{flex-direction:column}
  .nav-links{flex-direction:column; gap:20px; margin-top:20px}
  .nav-links a{font-size:20px}
}




 /* Reset / base */
*{box-sizing:border-box;margin:0;padding:0}
html,body{
  height:100%;
  background:#f5f5f7;
  font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
  color:#122;
}
a{color:inherit}

/* Hero */
.hero{
  position:relative;        /* keeps hero layers contained */
  min-height:90vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 20px;
  text-align:center;
  overflow:hidden;
  z-index:0;                /* important */
}

/* FINAL FIX — Prevent hero background from leaking */
.hero::before,
.hero::after {
  z-index: -1 !important;   /* keeps them behind hero only */
}

/* light shifting base gradient */
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,#f5f5f7,#e9e9ef,#f5f5f7);
  background-size:400% 400%;
  z-index:-3;
  animation:bgShift 18s ease-in-out infinite;
}
@keyframes bgShift{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* Floating background circles */
.hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background: radial-gradient(circle, rgba(13,110,253,0.08) 15%, transparent 15%) repeat;
  background-size:80px 80px;
  animation:floatCircles 20s linear infinite;
}
@keyframes floatCircles {
  0% { background-position:0 0; }
  50% { background-position:40px 40px; }
  100% { background-position:0 0; }
}

  /* content */
  .content{position:relative;z-index:2;max-width:1100px;width:100%}
  h1{
    font-size:2.6rem;line-height:1.05;font-weight:800;margin-bottom:12px;
    background:linear-gradient(90deg,#0d6efd 0%,#6ea8fe 45%,#6f42c1 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  }

p.lead{
  color:#333;
  font-size:1.05rem;
  margin-bottom:20px;
  max-width:980px;
}

.hero .lead {
  margin-top:35px !important;
  margin-bottom:45px !important;
  text-align:center !important;         /* center the text */
  margin-left:auto !important;          /* center the block */
  margin-right:auto !important;         /* center the block */
}



  /* highlights grid using flex so first row 3 items, second row 2 items */
  .highlights {
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    justify-content:center;
    margin:18px 0 26px;
    list-style:none;
    padding:0;
  }

  .highlight-item{
    background: rgba(255,255,255,0.48);
    backdrop-filter: blur(6px);
    border-radius:14px;
    padding:14px 18px 14px 68px;
    font-weight:700;
    color:#10203a;
    min-width:260px;            
    flex: 0 1 calc(33.333% - 22px);
    position:relative;
    text-align:left;
    transition:transform .22s ease, box-shadow .22s ease;
  }
  .highlight-item:nth-last-child(-n+2){ 
    flex: 0 1 calc(40% - 22px);
  }

  .highlight-item:hover{ transform:translateY(-6px); box-shadow:0 10px 30px rgba(16,32,58,0.08); }

  /* icon slot (left) */
  .icon-slot{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:44px; height:44px; display:inline-block; }

  /* svg floating animation */
  .anim-float{ animation:floatY 5.5s ease-in-out infinite; transform-origin:center; }
  .anim-float.slow{ animation-duration:7.2s; }
  .anim-float.fast{ animation-duration:4.4s; }
  @keyframes floatY{ 0%{ transform:translateY(-4px)} 50%{ transform:translateY(6px)} 100%{ transform:translateY(-4px)} }

  /* CTA */
.cta {
  margin-top: 80px !important;  /* increased space */
  display: flex;
  justify-content: center;
}
  .btn{
    display:inline-block;padding:12px 26px;border-radius:10px;font-weight:700;text-decoration:none;color:#fff;
    background:linear-gradient(90deg,#0d6efd,#6ea8fe,#6f42c1);
    background-size:300% 300%;
    animation:btnGrad 6s linear infinite;
    box-shadow:0 8px 22px rgba(13,110,253,0.12);
  }
  @keyframes btnGrad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

  /* responsive */
  @media (max-width:1100px){
    .highlight-item{ flex: 0 1 calc(45% - 22px); min-width:220px }
    .highlight-item:nth-last-child(-n+2){ flex: 0 1 calc(45% - 22px) }
  }
  @media (max-width:720px){
    h1{font-size:1.8rem}
    .highlight-item{ flex: 0 1 calc(100% - 22px); min-width:0; padding-left:60px; margin:6px 0 }
    .icon-slot{ left:14px; width:36px; height:36px }
  }
  
  
  :root{
      --bg: #e9e9ef;
      --fg: #0f1723;
      --muted: #586076;
      --card-bg: #ffffff;
      --brand-grad: linear-gradient(90deg, #0d6efd 0%, #6ea8fe 40%, #6f42c1 80%, #0d6efd 100%);
      --radius: 14px;
      --shadow: 0 6px 18px rgba(13,110,253,0.08), 0 2px 6px rgba(11,20,40,0.04);
      --gap: 24px;
    }

    html,body{height:100%;}
    body{
      margin:0;
      font-family:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
      background:var(--bg);
      color:var(--fg);
      -webkit-font-smoothing:antialiased;
      line-height:1.5;
      padding:48px 20px;
      box-sizing:border-box;
    }

    .wrap{max-width:1200px;margin:0 auto;}

    .intro{
      display:flex;
      gap:20px;
      align-items:flex-start;
      margin-bottom:26px;
    }
  .eyebrow{
  font-size:28px;
  font-weight:700;
  letter-spacing:0.08em;
  color:#123a8a;
  background:linear-gradient(90deg,rgba(13,110,253,0.08),rgba(111,66,193,0.04));
  padding:12px 22px;   /* increased for better spacing */
  border-radius:999px;
  display:inline-block; /* prevents stretching */
}

    h1{
      margin:0;
      font-size:28px;
      line-height:1.05;
      font-weight:800;
      color:var(--fg);
    }
    p.lead{
      margin:10px 0 0 0;
      color:var(--muted);
      max-width:780px;
    }

    .grid{
      display:grid;
      grid-template-columns:1fr;
      gap:var(--gap);
      margin-top:28px;
    }
    @media(min-width:720px){.grid{grid-template-columns:repeat(2,1fr);}}
    @media(min-width:1100px){.grid{grid-template-columns:repeat(3,1fr);}}

    .card{
      position:relative;
      background:linear-gradient(180deg,rgba(255,255,255,0.9),rgba(255,255,255,0.98));
      border-radius:var(--radius);
      padding:20px;
      box-shadow:var(--shadow);
      overflow:hidden;
      transition:transform .28s ease,box-shadow .28s ease;
      min-height:220px;
      display:flex;
      flex-direction:column;
      gap:14px;
      border:1px solid rgba(15,23,35,0.04);
    }
    .card:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(13,110,253,0.09);}
    .card::before{
      content:"";
      position:absolute;
      left:0;right:0;top:0;
      height:6px;
      background:var(--brand-grad);
      border-top-left-radius:var(--radius);
      border-top-right-radius:var(--radius);
    }
    .card-head{display:flex;gap:12px;align-items:center;}
    .icon{
      width:56px;height:56px;min-width:56px;
      border-radius:12px;
      display:grid;place-items:center;
      background:linear-gradient(180deg,rgba(13,110,253,0.12),rgba(111,66,193,0.06));
      box-shadow:inset 0 -6px 18px rgba(13,110,253,0.02);
    }
    .icon svg{width:34px;height:34px;transition:transform .36s cubic-bezier(.2,.9,.25,1);}
    .card:hover .icon svg{transform:translateY(-4px) rotate(-4deg);}
    .title{font-size:18px;font-weight:700;margin:0;}
    .subtitle{margin:0;font-size:13px;color:var(--muted);}
    ul.bl{margin:0;padding-left:18px;color:var(--muted);font-size:14px;list-style:none;display:grid;gap:8px;margin-top:8px;}
    ul.bl li{position:relative;padding-left:18px;}
    ul.bl li::before{
      content:"";
      position:absolute;
      left:0;top:7px;
      width:8px;height:8px;
      border-radius:2px;
      background:var(--brand-dot,#6ea8fe);
    }

    .card-footer{margin-top:auto;display:flex;gap:10px;align-items:center;}
    .btn{
      display:inline-flex;align-items:center;
      padding:10px 14px;border-radius:10px;
      font-weight:700;font-size:14px;cursor:pointer;
      border:0;background:var(--brand-grad);color:white;
      box-shadow:0 8px 18px rgba(13,110,253,0.12);
      transition:transform .18s ease;
    }
    .btn:hover{transform:translateY(-3px);}
    .pill{
      padding:6px 10px;
      font-weight:700;font-size:12px;
      border-radius:999px;display:inline-block;
      color:#06307a;background:rgba(13,110,253,0.08);
    }
    .details{max-height:0;overflow:hidden;transition:max-height .36s,opacity .28s;opacity:0;}
    .details.open{opacity:1;max-height:360px;}
    @media(max-width:520px){body{padding:28px 16px;}h1{font-size:22px;}.icon{width:48px;height:48px;}}


 <style>
    :root{
      --bg: #e9e9ef;
      --fg: #0f1723;
      --muted: #586076;
      --brand-grad: linear-gradient(90deg, #0d6efd 0%, #6ea8fe 40%, #6f42c1 80%, #0d6efd 100%);
      --card-radius: 12px;
      --shadow: 0 10px 30px rgba(11,20,40,0.06), 0 4px 12px rgba(13,110,253,0.04);
      --gap: 20px;
    }

   
.impact-wrap {
  max-width:1100px;
  margin:60px auto 0 auto;
  background:#f7f7f9 !important;  /* your light silver-white */
  padding:40px 30px;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(0,0,0,0.05);
  position: relative;
  z-index: 10;       /* ← KEY FIX */
}

    .section-head{display:flex;background:#f7f7f9 !important; flex-direction:column;gap:8px;margin-bottom:20px;}
    .eyebrow{display:inline-block;padding:6px 10px;background:#f7f7f9 !important; border-radius:999px;font-weight:800;font-size:12px;color:#06307a;background:linear-gradient(90deg, rgba(13,110,253,0.08), rgba(111,66,193,0.04));letter-spacing:0.06em;}
    h2{margin:0;font-size:26px;font-weight:800;
      background: var(--brand-grad);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
    }
    p.lead{margin:6px 0 0;color:var(--muted);max-width:860px;}

    /* Grid: left snapshots, right testimonials */
    .impact-grid{
      display:grid;
      grid-template-columns: 1fr;
      gap:var(--gap);
      margin-top:18px;
    }
    @media(min-width:900px){
      .impact-grid{grid-template-columns: 1fr 420px; align-items:start;}
    }

    /* Snapshots cards */
    .snapshots{
      display:grid;
      grid-template-columns:1fr;
      gap:16px;
    }
    @media(min-width:720px){
      .snapshots{grid-template-columns:repeat(2, 1fr);}
    }

    .snapshots-head h3{
      margin:0;font-size:16px;font-weight:800;
      background: var(--brand-grad);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
    }

    .snapshot{
      background:linear-gradient(180deg, #fff, rgba(255,255,255,0.98));
      border-radius: var(--card-radius);
      padding:16px;
      box-shadow:var(--shadow);
      border:1px solid rgba(11,20,40,0.04);
      display:flex;
      gap:14px;
      align-items:flex-start;
    }
    .snap-icon{
      width:52px;height:52px;border-radius:10px;display:grid;place-items:center;
      background:linear-gradient(180deg, rgba(13,110,253,0.10), rgba(111,66,193,0.04));
      flex-shrink:0;
    }
    .snap-icon svg{width:28px;height:28px;}
    .snap-body{flex:1;}
    .snap-title{font-weight:700;margin:0;font-size:15px;}
    .snap-sub{margin:6px 0 0;color:var(--muted);font-size:14px;}

    /* "Selected Success Snapshots" header */
    .snapshots-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
    .tag{
      font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;background:rgba(13,110,253,0.08);color:#06307a;
    }

    /* Testimonials column */
    .testimonials{
      position:relative;
      display:flex;
      flex-direction:column;
      gap:14px;
    }
    .test-card{
      background:linear-gradient(180deg,#fff,#fbfbff);
      border-radius:12px;
      padding:18px;
      box-shadow:var(--shadow);
      border:1px solid rgba(11,20,40,0.04);
      min-height:150px;
      display:flex;
      flex-direction:column;
      gap:10px;
      justify-content:center;
    }
    .quote{
      font-size:15px;
      font-weight:600;
      line-height:1.4;
      color:var(--fg);
      position:relative;
      margin:0;
    }
    .quote:before{
      content:"“";
      position:absolute;
      left:-10px;
      top:-14px;
      font-size:42px;
      color:rgba(13,110,253,0.12);
      font-weight:800;
      line-height:1;
    }
    .who{font-size:13px;color:var(--muted);font-weight:700;margin-top:6px;}

    /* testimonial nav (small dots) */
    .t-nav{display:flex;gap:8px;align-items:center;margin-top:6px;}
    .t-dot{width:10px;height:10px;border-radius:50%;background:rgba(11,20,40,0.08);cursor:pointer;border:2px solid transparent;transition:all .18s;}
    .t-dot.active{background:#fff;border-color:rgba(13,110,253,0.18);box-shadow:0 6px 14px rgba(13,110,253,0.06);}

    /* subtle decorative flourish */
    .flourish{
      display:none;
    }
    @media(min-width:1100px){ .flourish{ display:block; position:absolute; right:-80px; top:-60px; width:320px; height:320px; background:radial-gradient(circle at 20% 20%, rgba(110,168,254,0.12), rgba(111,66,193,0.04) 35%, transparent 60%); filter:blur(40px);pointer-events:none; } }

    /* Accessibility tweaks */
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;800&display=swap');

.partner-clean{
  background:#f5f5f8;
  font-family:'Nunito', sans-serif;
  padding:80px 20px;
  text-align:center;
}

.partner-content{
  max-width:800px;
  margin:0 auto;
}

.gradient-heading{
  font-size:32px;
  font-weight:800;
  margin-bottom:24px;
  background: linear-gradient(90deg, #0d6efd, #6ea8fe, #6f42c1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.lead{
  font-size:16px;
  line-height:1.6;
  color:#1a1a1a;
  margin-bottom:16px;
}

.partner-cta{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin:24px 0;
}

.btn{
  padding:14px 24px;
  border-radius:8px;
  font-weight:700;
  text-decoration:none;
  transition:all 0.2s;
  text-align:center;
}

.btn-primary{background:#0d6efd;color:#fff;}
.btn-primary:hover{opacity:0.92;transform:translateY(-2px);}

.btn-secondary{background:#fff;border:2px solid #0d6efd;color:#0d6efd;}
.btn-secondary:hover{background:#0d6efd;color:#fff;transform:translateY(-2px);}

.btn-tertiary{background:#e3f2ff;color:#0d6efd;}
.btn-tertiary:hover{opacity:0.92;transform:translateY(-2px);}

.partner-note{
  font-size:15px;
  color:#5a5a6c;
  margin-top:16px;
}







.footer {
  background:#fff;
  color:#111;
  padding:50px 20px 25px;
  font-family:'Nunito',sans-serif;
}
.footer-container {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:50px;
  margin-bottom:30px;
  align-items:flex-start;
}
.footer-field { flex:1; min-width:220px; }
.footer-brand { margin-left:0; }
.footer-field h4 { 
  margin-bottom:14px; 
  font-size:16px; 
  font-weight:700; 
  color:#0D6EFD; 
}
.footer-field ul { list-style:none; padding:0; margin:0; }
.footer-field ul li { margin-bottom:10px; }
.footer-field ul li a { color:#111; text-decoration:none; font-weight:600; }
.footer-field ul li a:hover { color:#0D6EFD; }

.logo-box { display:inline-block; margin-bottom:12px; }
.footer-logo { width:170px; display:block; }
.footer-desc { font-size:14px; color:#444; line-height:1.6; max-width:280px; }

.footer-socials {
  display:flex; 
  gap:16px; 
  margin-top:14px; 
  align-items:center;
}
.footer-socials .social {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px; height:42px;
  border-radius:50%;
  background:#fff;
  border:1px solid #e9e9ef;
  transition:transform .2s, box-shadow .2s;
}
.footer-socials .social:hover {
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 6px 12px rgba(0,0,0,.15);
}

.footer-bottom {
  border-top:1px solid #e9e9ef;
  padding-top:18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  font-size:13px;
}
.footer-links a { margin-left:18px; color:#111; text-decoration:none; }
.footer-links a:hover { color:#0D6EFD; }

/* Responsive */
@media (max-width:768px){
  .footer-container{flex-direction:column;gap:30px;}
  .footer-field{min-width:100%;}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center;}
}