/* =========================================================

   WEALTH WITH ARJUN PRASAD

   HOME MARKET HUB — FULLY ISOLATED MODULE

   Namespace: .wwap-home-market-hub

   Migrated from legacy inline CSS

   ========================================================= */



.wwap-home-market-hub,

.wwap-home-market-hub *,

.wwap-home-market-hub *::before,

.wwap-home-market-hub *::after {

  box-sizing: border-box;

}



.wwap-home-market-hub {

  position: relative;

  isolation: isolate;

}



.wwap-home-market-hub{max-width:1180px;margin:0 auto;padding:78px 5% 30px}

.wwap-home-market-hub .wmh-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}

.wwap-home-market-hub .wmh-kicker{color:#0b63ce;font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:9px}

.wwap-home-market-hub .wmh-head h2{margin:0;color:#0b1220;font-size:clamp(28px,4vw,42px);line-height:1.08;letter-spacing:-.035em}

.wwap-home-market-hub .wmh-head p{max-width:680px;margin:12px 0 0;color:#64748b;line-height:1.7}

.wwap-home-market-hub .wmh-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(11,99,206,.14);background:#fff;border-radius:999px;color:#334155;font-size:11px;font-weight:800;box-shadow:0 8px 24px rgba(15,23,42,.06)}

.wwap-home-market-hub .wmh-dot{width:8px;height:8px;border-radius:50%;background:#18a957}

.wwap-home-market-hub .wmh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.wwap-home-market-hub .wmh-card{position:relative;min-height:235px;padding:25px;border-radius:22px;text-decoration:none!important;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.07);transition:transform .22s ease,box-shadow .22s ease}

.wwap-home-market-hub .wmh-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(15,23,42,.12)}

.wwap-home-market-hub .wmh-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#f1f6ff;color:#0b63ce;font-size:11px;font-weight:900;letter-spacing:.04em;margin-bottom:20px}

.wwap-home-market-hub .wmh-label{font-size:10px;font-weight:850;letter-spacing:.12em;color:#64748b;margin-bottom:7px}

.wwap-home-market-hub .wmh-card h3{margin:0;color:#0b1220;font-size:20px}

.wwap-home-market-hub .wmh-card p{margin:9px 0 18px;color:#64748b;font-size:13px;line-height:1.65}

.wwap-home-market-hub .wmh-link{color:#0b63ce;font-size:13px;font-weight:800}

.wwap-home-market-hub .wmh-sip{background:linear-gradient(145deg,#fffdf4,#fff);border-color:rgba(244,197,66,.28)}

.wwap-home-market-hub .wmh-sip .wmh-icon{background:#fff7d9;color:#8b6900}

.wwap-home-market-hub .wmh-sip .wmh-link{color:#9a7200}

.wwap-home-market-hub .wmh-bottom{margin-top:18px;padding:20px 22px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#071b35;color:#fff;box-shadow:0 16px 38px rgba(7,27,53,.16)}

.wwap-home-market-hub .wmh-bottom strong{display:block;font-size:16px}

.wwap-home-market-hub .wmh-bottom span{display:block;margin-top:4px;color:rgba(255,255,255,.68);font-size:12px}

.wwap-home-market-hub .wmh-tools-btn{padding:11px 16px;border-radius:11px;background:#f4c542;color:#071b35!important;text-decoration:none!important;font-size:12px;font-weight:850}

@media(max-width:900px){.wwap-home-market-hub .wmh-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:600px){.wwap-home-market-hub{padding:55px 16px 20px}.wwap-home-market-hub .wmh-head{display:block}.wwap-home-market-hub .wmh-badge{margin-top:18px}.wwap-home-market-hub .wmh-grid{grid-template-columns:1fr}.wwap-home-market-hub .wmh-card{min-height:205px}.wwap-home-market-hub .wmh-bottom{display:block}.wwap-home-market-hub .wmh-tools-btn{display:inline-block;margin-top:15px}}

/* ===== WEALTH MARKET HUB — PREMIUM ===== */



.wwap-home-market-hub{

  max-width:1240px !important;

  margin:0 auto !important;

  padding:78px 5% 55px !important;

  position:relative !important;

}



.wwap-home-market-hub::before{

  content:"";

  position:absolute;

  top:35px;

  left:4%;

  right:4%;

  height:1px;

  background:linear-gradient(

    90deg,

    transparent,

    rgba(11,99,206,.15),

    rgba(244,197,66,.45),

    rgba(11,99,206,.15),

    transparent

  );

}



.wwap-home-market-hub .wmh-head{

  display:flex !important;

  align-items:flex-end !important;

  justify-content:space-between !important;

  gap:35px !important;

  margin-bottom:32px !important;

}



.wwap-home-market-hub .wmh-kicker{

  color:#0b63ce !important;

  font-size:12px !important;

  font-weight:900 !important;

  letter-spacing:.16em !important;

  margin-bottom:10px !important;

}



.wwap-home-market-hub .wmh-head h2{

  margin:0 !important;

  color:#071b35 !important;

  font-size:clamp(30px,4vw,46px) !important;

  line-height:1.08 !important;

  letter-spacing:-.04em !important;

}



.wwap-home-market-hub .wmh-head p{

  max-width:680px !important;

  margin:13px 0 0 !important;

  color:#64748b !important;

  line-height:1.7 !important;

  font-size:16px !important;

}



.wwap-home-market-hub .wmh-badge{

  background:linear-gradient(135deg,#071b35,#0b3b68) !important;

  color:#fff !important;

  border:1px solid rgba(244,197,66,.28) !important;

  border-radius:16px !important;

  padding:13px 17px !important;

  box-shadow:0 12px 30px rgba(7,27,53,.12) !important;

}



.wwap-home-market-hub .wmh-grid{

  gap:18px !important;

}



.wwap-home-market-hub .wmh-card{

  position:relative !important;

  min-height:220px !important;

  padding:24px !important;

  border:1px solid rgba(15,23,42,.08) !important;

  border-radius:20px !important;

  background:

    linear-gradient(145deg,#ffffff,#f8fbff) !important;

  box-shadow:

    0 12px 35px rgba(15,23,42,.07),

    0 2px 8px rgba(15,23,42,.03) !important;

  overflow:hidden !important;

  transition:

    transform .22s ease,

    box-shadow .22s ease,

    border-color .22s ease !important;

}



.wwap-home-market-hub .wmh-card::before{

  content:"";

  position:absolute;

  top:0;

  left:0;

  right:0;

  height:3px;

  background:linear-gradient(90deg,#0b63ce,#f4c542);

  opacity:.9;

}



.wwap-home-market-hub .wmh-card::after{

  content:"";

  position:absolute;

  width:120px;

  height:120px;

  right:-55px;

  bottom:-65px;

  border-radius:50%;

  background:rgba(11,99,206,.05);

  pointer-events:none;

}



.wwap-home-market-hub .wmh-card:hover{

  transform:translateY(-5px) !important;

  border-color:rgba(11,99,206,.18) !important;

  box-shadow:

    0 22px 50px rgba(15,23,42,.11),

    0 5px 14px rgba(11,99,206,.06) !important;

}



.wwap-home-market-hub .wmh-card h3{

  color:#071b35 !important;

  font-weight:850 !important;

}



.wwap-home-market-hub .wmh-card p{

  color:#64748b !important;

  line-height:1.6 !important;

}



.wwap-home-market-hub .wmh-card a{

  color:#0b63ce !important;

}



.wwap-home-market-hub .wmh-bottom{

  margin-top:26px !important;

  padding:22px 24px !important;

  border-radius:18px !important;

  background:linear-gradient(135deg,#071b35,#0a3158) !important;

  border:1px solid rgba(244,197,66,.18) !important;

  box-shadow:0 18px 45px rgba(7,27,53,.14) !important;

}



.wwap-home-market-hub .wmh-bottom *{

  color:#e7f0fa !important;

}



.wwap-home-market-hub .wmh-tools-btn{

  padding:12px 18px !important;

  border-radius:12px !important;

  background:#f4c542 !important;

  color:#071b35 !important;

  font-weight:900 !important;

  box-shadow:0 10px 24px rgba(244,197,66,.16) !important;

  transition:transform .2s ease,box-shadow .2s ease !important;

}



.wwap-home-market-hub .wmh-tools-btn:hover{

  transform:translateY(-2px) !important;

  box-shadow:0 14px 28px rgba(244,197,66,.24) !important;

}



@media(max-width:900px){



  .wwap-home-market-hub{

    padding:65px 5% 45px !important;

  }



  .wwap-home-market-hub .wmh-head{

    align-items:flex-start !important;

  }



}



@media(max-width:600px){



  .wwap-home-market-hub{

    padding:55px 16px 35px !important;

  }



  .wwap-home-market-hub .wmh-head{

    display:block !important;

  }



  .wwap-home-market-hub .wmh-head h2{

    font-size:32px !important;

  }



  .wwap-home-market-hub .wmh-card{

    min-height:205px !important;

    border-radius:18px !important;

    padding:21px !important;

  }



  .wwap-home-market-hub .wmh-bottom{

    padding:20px !important;

  }





























































/* Responsive */



@media(max-width:1050px){



}



@media(max-width:680px){











}
}

/* =========================================================

   MARKET HUB — CORPORATE PREMIUM POLISH

   Fully isolated: .wwap-home-market-hub / .wmh-*

   ========================================================= */



.wwap-home-market-hub{

  position:relative;

  isolation:isolate;

  padding:96px 0;

  background:

    radial-gradient(circle at 92% 8%, rgba(11,99,206,.075), transparent 28%),

    linear-gradient(180deg,#ffffff 0%,#f7faff 100%);

}



.wwap-home-market-hub::before{

  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  background:linear-gradient(90deg, transparent 0%, rgba(11,99,206,.025) 50%, transparent 100%);

  z-index:-1;

}



.wmh-head{

  align-items:flex-end;

  gap:32px;

}



.wmh-kicker{

  display:inline-flex;

  align-items:center;

  padding:8px 13px;

  border:1px solid rgba(11,99,206,.13);

  border-radius:999px;

  background:rgba(11,99,206,.045);

  color:#0b63ce;

  font-weight:800;

  letter-spacing:.11em;

}



.wmh-head h2{

  max-width:780px;

  letter-spacing:-.04em;

  text-wrap:balance;

}



.wmh-head p{

  max-width:720px;

  line-height:1.75;

}



.wmh-badge{

  white-space:nowrap;

  box-shadow:0 8px 24px rgba(8,26,51,.06);

}



.wmh-grid{

  margin-top:46px;

  gap:20px;

}



.wmh-card{

  position:relative;

  overflow:hidden;

  min-height:100%;

  padding:30px;

  border:1px solid rgba(8,26,51,.085);

  border-radius:22px;

  background:rgba(255,255,255,.92);

  box-shadow:0 10px 28px rgba(8,26,51,.045);

  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;

}



.wmh-card::before{

  content:"";

  position:absolute;

  left:0;

  top:0;

  width:100%;

  height:3px;

  background:linear-gradient(90deg,#0b63ce,rgba(11,99,206,.18));

  opacity:.7;

}



.wmh-card:hover{

  transform:translateY(-6px);

  border-color:rgba(11,99,206,.22);

  box-shadow:0 22px 48px rgba(8,26,51,.10);

}



.wmh-icon{

  border-radius:14px;

  box-shadow:0 8px 18px rgba(11,99,206,.10);

}



.wmh-label{

  margin-top:25px;

  color:#0b63ce;

  font-weight:800;

  letter-spacing:.09em;

}



.wmh-card h3{

  margin-top:10px;

  letter-spacing:-.025em;

}



.wmh-card p{

  line-height:1.72;

}



.wmh-link{

  margin-top:auto;

  padding-top:18px;

  font-weight:800;

  color:#0b63ce;

}



.wmh-bottom{

  margin-top:34px;

  padding:24px 28px;

  border:1px solid rgba(8,26,51,.08);

  border-radius:20px;

  background:linear-gradient(135deg,#ffffff,#f7faff);

  box-shadow:0 12px 32px rgba(8,26,51,.045);

}



.wmh-bottom strong{

  letter-spacing:-.02em;

}



.wmh-tools-btn{

  border-radius:12px;

  box-shadow:0 10px 24px rgba(11,99,206,.16);

  transition:transform .22s ease, box-shadow .22s ease;

}



.wmh-tools-btn:hover{

  transform:translateY(-2px);

  box-shadow:0 15px 30px rgba(11,99,206,.23);

}



@media(max-width:900px){

  .wwap-home-market-hub{

    padding:76px 0;

  }



  .wmh-grid{

    gap:16px;

  }

}



@media(max-width:600px){

  .wwap-home-market-hub{

    padding:58px 0;

  }



  .wmh-head{

    align-items:flex-start;

    gap:18px;

  }



  .wmh-head h2{

    text-wrap:initial;

  }



  .wmh-badge{

    font-size:.7rem;

  }



  .wmh-grid{

    margin-top:32px;

    gap:14px;

  }



  .wmh-card{

    padding:24px 21px;

    border-radius:18px;

  }



  .wmh-card:hover{

    transform:translateY(-3px);

  }



  .wmh-bottom{

    margin-top:24px;

    padding:22px 20px;

    border-radius:18px;

  }

}




/* =========================================================

   MARKET HUB — FINAL 0.2 MICRO POLISH

   Safe isolated overrides only

   ========================================================= */



.wwap-home-market-hub{

  padding-top:100px;

  padding-bottom:100px;

}



.wmh-head{

  max-width:1180px;

  margin-left:auto;

  margin-right:auto;

}



.wmh-grid{

  max-width:1180px;

  margin-left:auto;

  margin-right:auto;

}



.wmh-card{

  min-width:0;

}



.wmh-head h2{

  max-width:760px;

}



.wmh-bottom{

  max-width:1180px;

  margin-left:auto;

  margin-right:auto;

}



.wmh-badge{

  align-self:center;

}



@media (min-width:901px){

  .wmh-grid{

    grid-template-columns:repeat(4,minmax(0,1fr));

  }



  .wmh-card{

    padding:31px 27px;

  }

}



@media (max-width:1200px){

  .wmh-head,

  .wmh-grid,

  .wmh-bottom{

    max-width:none;

  }

}



@media (max-width:600px){

  .wwap-home-market-hub{

    padding-top:64px;

    padding-bottom:64px;

  }

}






/* =========================================================

   MARKET HUB — FINAL MICRO POLISH

   Safe isolated overrides only

   ========================================================= */



/* Better heading + badge alignment */

.wmh-head{

  align-items:flex-end;

  gap:28px;

}



.wmh-head > div:first-child{

  max-width:720px;

}



.wmh-badge{

  flex-shrink:0;

  margin-bottom:4px;

}



/* Uniform premium card rhythm */

.wmh-grid{

  align-items:stretch;

}



.wmh-card{

  min-height:296px;

  display:flex;

  flex-direction:column;

}



.wmh-card .wmh-link{

  margin-top:auto;

  padding-top:18px;

}



/* More refined card spacing */

.wmh-card h3{

  margin-bottom:10px;

}



.wmh-card p{

  margin-bottom:0;

}



/* Bottom tools strip — cleaner enterprise spacing */

.wmh-bottom{

  padding:20px 22px 20px 20px;

  gap:24px;

}



.wmh-bottom > div{

  min-width:0;

}



.wmh-bottom strong{

  display:block;

  margin-bottom:5px;

}



/* Premium CTA alignment */

.wmh-tools-btn{

  flex-shrink:0;

  white-space:nowrap;

}



/* Responsive safety */

@media (max-width:900px){



  .wmh-head{

    align-items:flex-start;

  }



  .wmh-badge{

    margin-bottom:0;

  }



  .wmh-card{

    min-height:0;

  }



}



@media (max-width:600px){



  .wmh-head{

    gap:18px;

  }



  .wmh-bottom{

    padding:18px;

    gap:16px;

  }



  .wmh-tools-btn{

    width:100%;

    justify-content:center;

  }



}



