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

   WEALTH WITH ARJUN PRASAD

   HOMEPAGE HERO — FULLY ISOLATED

   Namespace: .wwap-home-hero*

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



.wwap-home-hero {

  position: relative;

  isolation: isolate;

  overflow: hidden;

  padding: 88px 0;

  background:

    radial-gradient(circle at 85% 18%, rgba(11, 99, 206, .14), transparent 32%),

    linear-gradient(135deg, #f7faff 0%, #ffffff 56%, #f2f7fd 100%);

}



.wwap-home-hero *,

.wwap-home-hero *::before,

.wwap-home-hero *::after {

  box-sizing: border-box;

}



.wwap-home-hero-inner {

  width: min(calc(100% - 40px), 1280px);

  margin: 0 auto;

  display: grid;

  grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);

  gap: 64px;

  align-items: center;

}



.wwap-home-hero-content {

  max-width: 760px;

}



.wwap-home-hero-kicker {

  display: inline-block;

  margin-bottom: 20px;

  color: #0b63ce;

  font-size: .76rem;

  font-weight: 800;

  letter-spacing: .12em;

}



.wwap-home-hero-title {

  margin: 0;

  color: #081a33;

  font-size: clamp(2.7rem, 5vw, 5.3rem);

  line-height: 1.04;

  letter-spacing: -.045em;

}



.wwap-home-hero-title span {

  display: block;

  color: #0b63ce;

}



.wwap-home-hero-description {

  max-width: 700px;

  margin: 26px 0 0;

  color: #667085;

  font-size: 1.08rem;

  line-height: 1.8;

}



.wwap-home-hero-actions {

  display: flex;

  flex-wrap: wrap;

  gap: 14px;

  margin-top: 32px;

}



.wwap-home-hero-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-height: 54px;

  padding: 0 25px;

  border-radius: 12px;

  font-weight: 750;

  text-decoration: none;

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

}



.wwap-home-hero-btn:hover {

  transform: translateY(-2px);

}



.wwap-home-hero-btn-primary {

  background: #0b63ce;

  color: #ffffff;

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

}



.wwap-home-hero-btn-secondary {

  background: #ffffff;

  color: #081a33;

  border: 1px solid #dfe6ee;

}



.wwap-home-hero-points {

  display: flex;

  flex-wrap: wrap;

  gap: 12px 22px;

  margin-top: 28px;

  color: #667085;

  font-size: .9rem;

}



.wwap-home-hero-points span::before {

  content: "✓";

  margin-right: 7px;

  color: #0b63ce;

  font-weight: 800;

}



.wwap-home-hero-visual {

  padding: 36px;

  border-radius: 26px;

  color: #ffffff;

  background:

    radial-gradient(circle at top right, rgba(255,255,255,.14), transparent 35%),

    linear-gradient(145deg, #041225, #0b63ce);

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

}



.wwap-home-hero-visual-label {

  font-size: .72rem;

  font-weight: 800;

  letter-spacing: .13em;

  opacity: .72;

}



.wwap-home-hero-visual-title {

  margin: 20px 0 0;

  font-size: clamp(2rem, 3vw, 2.8rem);

  line-height: 1.14;

}



.wwap-home-hero-stats {

  display: grid;

  gap: 12px;

  margin-top: 32px;

}



.wwap-home-hero-stat {

  padding: 17px;

  border: 1px solid rgba(255,255,255,.16);

  border-radius: 15px;

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

}



.wwap-home-hero-stat strong,

.wwap-home-hero-stat span {

  display: block;

}



.wwap-home-hero-stat strong {

  font-size: .95rem;

  letter-spacing: .06em;

}



.wwap-home-hero-stat span {

  margin-top: 5px;

  font-size: .86rem;

  opacity: .75;

}



@media (max-width: 900px) {



  .wwap-home-hero {

    padding: 66px 0;

  }



  .wwap-home-hero-inner {

    grid-template-columns: 1fr;

    gap: 42px;

  }



  .wwap-home-hero-visual {

    max-width: 700px;

  }



}



@media (max-width: 600px) {



  .wwap-home-hero {

    padding: 48px 0;

  }



  .wwap-home-hero-inner {

    width: min(calc(100% - 28px), 1280px);

  }



  .wwap-home-hero-title {

    font-size: clamp(2.35rem, 12vw, 3.5rem);

  }



  .wwap-home-hero-actions {

    flex-direction: column;

  }



  .wwap-home-hero-btn {

    width: 100%;

  }



  .wwap-home-hero-visual {

    padding: 25px;

    border-radius: 20px;

  }



}



/* =========================================
   ISOLATED FROM index.html: final-wow-theme-v1
   ========================================= */

:root{

  --wwap-navy:#071b35;

  --wwap-blue:#0b63ce;

  --wwap-gold:#f4c542;

  --wwap-ink:#0b1220;

  --wwap-muted:#5f6f82;

  --wwap-bg:#f5f8fc;

  --wwap-card:#ffffff;

  --wwap-border:rgba(15,23,42,.09);

}



html{scroll-behavior:smooth}

body{

  background:var(--wwap-bg)!important;

  color:var(--wwap-ink)!important;

}



.hero{

  min-height:680px!important;

  display:flex!important;

  align-items:center!important;

  position:relative!important;

  overflow:hidden!important;

  background:

    radial-gradient(circle at 80% 25%,rgba(11,99,206,.28),transparent 32%),

    radial-gradient(circle at 20% 80%,rgba(244,197,66,.10),transparent 30%),

    linear-gradient(135deg,#06172d 0%,#0a2c55 55%,#0b4277 100%)!important;

}



.hero:before{

  width:520px!important;

  height:520px!important;

  background:rgba(11,99,206,.12)!important;

  filter:blur(4px)!important;

}



.hero-content{

  max-width:850px!important;

  position:relative!important;

  z-index:2!important;

}



.hero .tag{

  display:inline-flex!important;

  padding:9px 14px!important;

  border:1px solid rgba(255,255,255,.16)!important;

  border-radius:999px!important;

  background:rgba(255,255,255,.07)!important;

  color:rgba(255,255,255,.88)!important;

  font-size:12px!important;

  font-weight:700!important;

  letter-spacing:.10em!important;

  backdrop-filter:blur(10px)!important;

}



.hero h1{

  margin-top:22px!important;

  font-weight:850!important;

  letter-spacing:-.045em!important;

  line-height:1.02!important;

  text-shadow:0 12px 35px rgba(0,0,0,.20)!important;

}



.hero h1 span{

  color:var(--wwap-gold)!important;

}



.hero p{

  max-width:680px!important;

  color:rgba(255,255,255,.80)!important;

  font-size:18px!important;

}



.hero .buttons{

  margin-top:30px!important;

  display:flex!important;

  gap:12px!important;

  flex-wrap:wrap!important;

}



.hero .btn{

  border-radius:13px!important;

  padding:14px 22px!important;

  font-weight:750!important;

  box-shadow:0 10px 25px rgba(0,0,0,.16)!important;

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

}



.hero .btn:hover{

  transform:translateY(-2px)!important;

  box-shadow:0 15px 32px rgba(0,0,0,.22)!important;

}



.hero .btn-primary{

  background:linear-gradient(135deg,#f4c542,#ffd966)!important;

  color:#071b35!important;

  border:0!important;

}



.hero .btn-outline{

  background:rgba(255,255,255,.07)!important;

  color:#fff!important;

  border:1px solid rgba(255,255,255,.25)!important;

  backdrop-filter:blur(8px)!important;

}



.section{

  position:relative!important;

}



.section-title h2{

  color:var(--wwap-ink)!important;

  letter-spacing:-.025em!important;

}



.section-title p{

  color:var(--wwap-muted)!important;

}



.cards .card{

  background:rgba(255,255,255,.94)!important;

  border:1px solid var(--wwap-border)!important;

  border-radius:20px!important;

  box-shadow:0 12px 35px rgba(15,23,42,.07)!important;

  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;

}



.cards .card:hover{

  transform:translateY(-5px)!important;

  box-shadow:0 20px 45px rgba(15,23,42,.11)!important;

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

}



@media(max-width:600px){

  header{

    padding:12px 16px!important;

  }



  header nav{

    gap:2px!important;

  }



  header nav a{

    padding:8px 8px!important;

    font-size:12px!important;

  }



  .hero{

    min-height:610px!important;

  }



  .hero h1{

    font-size:clamp(38px,12vw,56px)!important;

  }



  .hero p{

    font-size:16px!important;

  }



  .hero .buttons{

    width:100%!important;

  }



  .hero .btn{

    width:100%!important;

    text-align:center!important;

  }

}


/* =========================================
   ISOLATED FROM index.html: hero-css-wow-v2
   ========================================= */

.hero{

  position:relative !important;

  min-height:650px !important;

  overflow:hidden !important;

  background:

    radial-gradient(circle at 85% 25%,rgba(244,197,66,.16),transparent 28%),

    radial-gradient(circle at 70% 90%,rgba(11,99,206,.30),transparent 35%),

    linear-gradient(135deg,#06162d 0%,#082b52 55%,#0b63ce 100%) !important;

  padding:80px 6% !important;

}



.hero:before{

  content:"";

  position:absolute;

  width:430px;

  height:430px;

  right:-120px;

  top:-130px;

  border:1px solid rgba(255,255,255,.12);

  border-radius:50%;

  box-shadow:

    0 0 0 55px rgba(255,255,255,.025),

    0 0 0 110px rgba(255,255,255,.018);

  pointer-events:none;

}



.hero:after{

  content:"";

  position:absolute;

  width:180px;

  height:180px;

  left:-80px;

  bottom:-90px;

  border-radius:50%;

  background:rgba(244,197,66,.10);

  pointer-events:none;

}



.hero-content{

  position:relative !important;

  z-index:2 !important;

  max-width:850px !important;

}



.hero .tag{

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

  box-shadow:0 8px 25px rgba(0,0,0,.12);

  backdrop-filter:blur(8px);

}



.hero h1{

  letter-spacing:-.045em !important;

  text-shadow:0 10px 35px rgba(0,0,0,.18);

}



.hero h1 span{

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

  -webkit-background-clip:text;

  background-clip:text;

  color:transparent !important;

}



.hero p{

  max-width:680px !important;

  color:#e2edf9 !important;

}



.hero .buttons{

  margin-top:8px;

}



.hero .btn{

  min-height:50px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:0 23px;

  border-radius:12px;

  font-weight:800;

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

}



.hero .btn:hover{

  transform:translateY(-2px);

}



.hero .btn-primary{

  box-shadow:0 12px 30px rgba(0,0,0,.18);

}



.hero .btn-outline{

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

  backdrop-filter:blur(8px);

  border-color:rgba(255,255,255,.25);

}



@media(max-width:600px){

  .hero{

    min-height:590px !important;

    padding:65px 5% !important;

  }



  .hero:before{

    width:280px;

    height:280px;

    right:-150px;

    top:-80px;

  }



  .hero h1{

    font-size:clamp(40px,12vw,58px) !important;

  }



  .hero p{

    font-size:17px !important;

  }



  .hero .buttons{

    gap:10px;

  }



  .hero .btn{

    width:100%;

  }

}


/* =========================================
   ISOLATED FROM index.html: hero-image-premium-v2
   ========================================= */

.hero{

  position:relative !important;

  overflow:hidden !important;

}



.hero::after{

  content:"";

  position:absolute;

  right:2%;

  top:50%;

  transform:translateY(-50%);

  width:min(44vw,560px);

  height:500px;

  background:url("/images/hero-clean-v4.jpg") center/cover no-repeat;

  border-radius:30px;

  border:1px solid rgba(255,255,255,.16);

  box-shadow:0 30px 80px rgba(0,0,0,.30);

  opacity:.98;

  z-index:1;

  pointer-events:none;

}



.hero-content{

  position:relative !important;

  z-index:3 !important;

  max-width:720px !important;

}



@media(max-width:900px){

  .hero{

    min-height:760px !important;

  }



  .hero::after{

    top:auto;

    bottom:35px;

    transform:none;

    right:5%;

    width:90%;

    height:300px;

  }

}



@media(max-width:600px){

  .hero{

    min-height:700px !important;

  }



  .hero::after{

    height:250px;

    border-radius:22px;

  }

}


/* =========================================
   ISOLATED FROM index.html: hero-wow-final-v1
   ========================================= */

/* ===== PREMIUM HERO — FINAL ===== */



.hero{

  min-height:650px !important;

  position:relative !important;

  overflow:hidden !important;

  isolation:isolate !important;

  background:

    radial-gradient(circle at 78% 45%,rgba(244,197,66,.12),transparent 28%),

    radial-gradient(circle at 100% 0%,rgba(39,110,180,.22),transparent 35%),

    linear-gradient(135deg,#06172d 0%,#0a294b 55%,#071b35 100%) !important;

  padding:75px 6% !important;

}



.hero:before{

  z-index:-1 !important;

  opacity:.75 !important;

}



.hero:after{

  z-index:-1 !important;

  opacity:.55 !important;

}



.hero-content{

  max-width:720px !important;

  position:relative !important;

  z-index:5 !important;

}



.hero .tag{

  background:rgba(244,197,66,.12) !important;

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

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

  letter-spacing:.7px !important;

}



.hero h1{

  font-size:clamp(46px,6.5vw,78px) !important;

  line-height:1.02 !important;

  letter-spacing:-2px !important;

  text-shadow:0 8px 35px rgba(0,0,0,.22) !important;

}



.hero h1 span{

  background:linear-gradient(90deg,#f4c542,#ffe49a) !important;

  -webkit-background-clip:text !important;

  background-clip:text !important;

  -webkit-text-fill-color:transparent !important;

}



.hero p{

  max-width:650px !important;

  font-size:19px !important;

  line-height:1.7 !important;

  color:#dce9f7 !important;

}



.hero .btn{

  min-height:50px !important;

  padding:13px 22px !important;

  border-radius:12px !important;

  font-weight:700 !important;

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

}



.hero .btn:hover{

  transform:translateY(-2px) !important;

}



.hero .btn-primary{

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

}



/* Clean finance image */



.hero::after{

  content:"" !important;

  position:absolute !important;

  right:3.5% !important;

  top:50% !important;

  transform:translateY(-50%) !important;

  width:min(40vw,540px) !important;

  height:500px !important;

  border-radius:30px !important;

  background:url("/images/hero-clean-v4.jpg") center/cover no-repeat !important;

  border:1px solid rgba(255,255,255,.18) !important;

  box-shadow:

    0 35px 90px rgba(0,0,0,.38),

    0 0 0 1px rgba(244,197,66,.06) !important;

  opacity:1 !important;

  z-index:2 !important;

  pointer-events:none !important;

}



/* subtle gold edge */



.hero::before{

  z-index:1 !important;

  right:1% !important;

  opacity:.5 !important;

}



/* keep text above image */



.hero-content{

  z-index:6 !important;

}



@media(max-width:1000px){



  .hero{

    min-height:720px !important;

    padding:65px 5% 55px !important;

  }



  .hero::after{

    top:auto !important;

    bottom:30px !important;

    transform:none !important;

    right:5% !important;

    width:90% !important;

    max-width:520px !important;

    height:300px !important;

  }



  .hero-content{

    max-width:760px !important;

  }

}



@media(max-width:600px){



  .hero{

    min-height:690px !important;

    padding:50px 6% 40px !important;

  }



  .hero h1{

    font-size:clamp(40px,13vw,58px) !important;

    letter-spacing:-1.2px !important;

  }



  .hero p{

    font-size:16px !important;

  }



  .hero::after{

    height:245px !important;

    bottom:25px !important;

    border-radius:22px !important;

  }

}


/* =========================================
   ISOLATED FROM index.html: hero-wow-final-v2
   ========================================= */

/* ===== CURRENT WEBSITE HERO FINAL OVERRIDE ===== */



.hero{

  position:relative !important;

  overflow:hidden !important;

  min-height:650px !important;

  display:flex !important;

  align-items:center !important;

  padding:70px 6% !important;

}



/* Remove conflicting old decorative pseudo-elements */

.hero::before{

  content:"" !important;

  position:absolute !important;

  left:auto !important;

  right:-120px !important;

  top:-160px !important;

  width:520px !important;

  height:520px !important;

  border:1px solid rgba(255,255,255,.10) !important;

  border-radius:50% !important;

  background:transparent !important;

  box-shadow:

    0 0 0 55px rgba(255,255,255,.025),

    0 0 0 110px rgba(255,255,255,.018) !important;

  pointer-events:none !important;

  z-index:0 !important;

}



/* Premium image — RIGHT SIDE */

.hero::after{

  content:"" !important;

  position:absolute !important;

  top:50% !important;

  right:5% !important;

  left:auto !important;

  bottom:auto !important;

  transform:translateY(-50%) !important;



  width:min(42vw,520px) !important;

  height:470px !important;



  background-image:url("/images/hero-clean-v4.jpg") !important;

  background-size:cover !important;

  background-repeat:no-repeat !important;

  background-position:center center !important;



  border-radius:30px !important;

  border:1px solid rgba(255,255,255,.18) !important;



  box-shadow:

    0 30px 80px rgba(0,0,0,.35),

    0 0 40px rgba(244,197,66,.08) !important;



  opacity:1 !important;

  pointer-events:none !important;

  z-index:1 !important;

}



/* Actual website content stays LEFT */

.hero-content{

  position:relative !important;

  z-index:5 !important;

  width:54% !important;

  max-width:700px !important;

  margin-right:auto !important;

}



/* Heading */

.hero h1{

  position:relative !important;

  z-index:6 !important;

}



/* Description */

.hero p{

  position:relative !important;

  z-index:6 !important;

}



/* Buttons */

.hero .buttons{

  position:relative !important;

  z-index:6 !important;

}



/* Desktop */

@media(min-width:1001px){



  .hero-content{

    padding-right:30px !important;

  }



}



/* Tablet */

@media(max-width:1000px){



  .hero{

    min-height:760px !important;

    padding:60px 5% 40px !important;

    align-items:flex-start !important;

  }



  .hero-content{

    width:100% !important;

    max-width:760px !important;

  }



  .hero::after{

    top:auto !important;

    bottom:30px !important;

    right:5% !important;

    transform:none !important;

    width:90% !important;

    max-width:520px !important;

    height:300px !important;

  }



}



/* Mobile */

@media(max-width:600px){



  .hero{

    min-height:700px !important;

    padding:50px 6% 30px !important;

  }



  .hero-content{

    width:100% !important;

  }



  .hero h1{

    font-size:clamp(40px,12vw,58px) !important;

    letter-spacing:-1.5px !important;

  }



  .hero::after{

    width:88% !important;

    height:245px !important;

    right:6% !important;

    bottom:25px !important;

    border-radius:22px !important;

  }



}


/* =========================================
   ISOLATED FROM index.html: hero-wow-final-v3
   ========================================= */

/* Final photo framing — show full hair/head */

.hero::after{

  background-position:center top !important;

}



@media(max-width:1000px){

  .hero::after{

    background-position:center top !important;

  }

}


/* =========================================
   ISOLATED FROM index.html: hero-photo-frame-fix
   ========================================= */

.hero::after{

  background-position:center 58% !important;

  background-size:cover !important;

  border:1px solid rgba(255,255,255,.22) !important;

  box-shadow:0 24px 65px rgba(0,0,0,.24) !important;

}


/* =========================================
   ISOLATED FROM index.html: hero-photo-frame-final-fix
   ========================================= */

.hero::after{

  width:min(44vw,560px) !important;

  height:auto !important;

  aspect-ratio:850 / 940 !important;

  background-position:center center !important;

  background-size:cover !important;

  border:1px solid rgba(255,255,255,.22) !important;

  box-shadow:0 24px 65px rgba(0,0,0,.24) !important;

}


/* =========================================
   ISOLATED FROM index.html: hero-photo-professional-v1
   ========================================= */

.hero::after{

  width:min(46vw,600px) !important;

  height:auto !important;

  aspect-ratio:850 / 940 !important;



  right:4% !important;

  top:50% !important;

  transform:translateY(-50%) !important;



  background-position:center center !important;

  background-size:cover !important;



  border-radius:28px !important;

  border:1px solid rgba(255,255,255,.28) !important;



  box-shadow:

    0 28px 70px rgba(0,0,0,.28),

    0 0 0 1px rgba(244,197,66,.08) !important;



  opacity:1 !important;

}



@media(max-width:900px){

  .hero::after{

    width:90% !important;

    right:5% !important;

    top:auto !important;

    bottom:35px !important;

    transform:none !important;

  }

}


/* =========================================
   ISOLATED FROM index.html: hero-photo-fit-final
   ========================================= */

.hero::after{

  background-size:100% 100% !important;

  background-position:center center !important;

  background-repeat:no-repeat !important;

}


/* =========================================
   ISOLATED FROM index.html: hero-photo-size-balanced
   ========================================= */

.hero::after{

  width:min(42vw,540px) !important;

}


/* =========================================
   ISOLATED FROM index.html: hero-photo-border-premium
   ========================================= */

.hero::after{

  border:1.5px solid rgba(244,197,66,.55) !important;

  box-shadow:

    0 24px 65px rgba(0,0,0,.24),

    0 0 0 1px rgba(244,197,66,.08) !important;

}


/* =========================================
   ISOLATED FROM index.html: hero-photo-top-edge-clean
   ========================================= */

.hero::after{

  border:1.5px solid rgba(244,197,66,.55) !important;

  box-shadow:0 24px 65px rgba(0,0,0,.24) !important;

  background-size:100% calc(100% + 6px) !important;

  background-position:center center !important;

  background-repeat:no-repeat !important;

}


/* =========================================
   ISOLATED FROM index.html: hero-photo-size-final-balanced
   ========================================= */

.hero::after{

  width:min(42vw,490px) !important;

}


/* =========================================
   ISOLATED FROM index.html: hero-final-10-polish
   ========================================= */

.hero::after{

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

  box-shadow:

    0 22px 55px rgba(0,0,0,.22),

    0 0 0 1px rgba(255,255,255,.05) !important;

}



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

   FINAL HERO PREMIUM POLISH — 2026

   Fully isolated: .wwap-home-hero*

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



.wwap-home-hero{

  padding:96px 0 92px;

}



.wwap-home-hero-kicker{

  padding:9px 14px;

  margin-bottom:22px;

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

  border-radius:999px;

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

  line-height:1;

}



.wwap-home-hero-title{

  max-width:780px;

  font-size:clamp(3rem,5.4vw,5.7rem);

}



.wwap-home-hero-description{

  max-width:650px;

  font-size:1.1rem;

}



.wwap-home-hero-actions{

  margin-top:34px;

}



.wwap-home-hero-btn{

  min-height:56px;

  padding:0 27px;

  border-radius:14px;

  gap:9px;

}



.wwap-home-hero-btn-primary{

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

}



.wwap-home-hero-btn-primary:hover{

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

}



.wwap-home-hero-btn-secondary{

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

}



.wwap-home-hero-points{

  margin-top:30px;

  gap:12px 24px;

}



.wwap-home-hero-visual{

  position:relative;

  overflow:hidden;

  padding:40px;

  border:1px solid rgba(255,255,255,.10);

  border-radius:30px;

  background:

    radial-gradient(circle at 100% 0%,rgba(255,255,255,.16),transparent 34%),

    linear-gradient(145deg,#041225 0%,#081a33 48%,#0b63ce 150%);

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

}



.wwap-home-hero-visual::before{

  content:"";

  position:absolute;

  width:220px;

  height:220px;

  right:-90px;

  bottom:-110px;

  border-radius:50%;

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

  pointer-events:none;

}



.wwap-home-hero-visual-label,

.wwap-home-hero-visual-title,

.wwap-home-hero-stats{

  position:relative;

  z-index:1;

}



.wwap-home-hero-visual-title{

  max-width:500px;

  margin-top:18px;

  font-size:clamp(2.15rem,3vw,3rem);

  letter-spacing:-.035em;

}



.wwap-home-hero-stats{

  margin-top:34px;

  gap:13px;

}



.wwap-home-hero-stat{

  padding:18px 19px;

  border-radius:16px;

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

  backdrop-filter:blur(8px);

}



.wwap-home-hero-stat:hover{

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

}



@media (max-width:900px){



  .wwap-home-hero{

    padding:74px 0;

  }



  .wwap-home-hero-inner{

    gap:46px;

  }



  .wwap-home-hero-visual{

    max-width:none;

  }



}



@media (max-width:600px){



  .wwap-home-hero{

    padding:52px 0 58px;

  }



  .wwap-home-hero-kicker{

    font-size:.68rem;

    letter-spacing:.08em;

    line-height:1.35;

  }



  .wwap-home-hero-title{

    font-size:clamp(2.55rem,13vw,3.7rem);

    line-height:1.05;

  }



  .wwap-home-hero-description{

    margin-top:22px;

    font-size:1rem;

    line-height:1.7;

  }



  .wwap-home-hero-actions{

    margin-top:28px;

  }



  .wwap-home-hero-btn{

    min-height:54px;

  }



  .wwap-home-hero-points{

    gap:10px;

    font-size:.85rem;

  }



  .wwap-home-hero-visual{

    padding:27px 23px;

    border-radius:22px;

  }



  .wwap-home-hero-visual-title{

    font-size:2rem;

  }



  .wwap-home-hero-stat{

    padding:16px;

  }



}






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

   FINAL MICRO POLISH — SAFE / ISOLATED

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



.wwap-home-hero{

  background:

    radial-gradient(circle at 82% 18%, rgba(11,99,206,.16), transparent 31%),

    radial-gradient(circle at 12% 82%, rgba(11,99,206,.055), transparent 28%),

    linear-gradient(135deg,#f8fbff 0%,#ffffff 52%,#f3f7fc 100%);

}



.wwap-home-hero-content{

  position:relative;

  z-index:2;

}



.wwap-home-hero-kicker{

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

}



.wwap-home-hero-title{

  text-wrap:balance;

}



.wwap-home-hero-description{

  text-wrap:pretty;

}



.wwap-home-hero-btn{

  transition:

    transform .22s ease,

    box-shadow .22s ease,

    border-color .22s ease,

    background .22s ease;

}



.wwap-home-hero-btn-primary:hover{

  transform:translateY(-2px);

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

}



.wwap-home-hero-btn-secondary:hover{

  transform:translateY(-2px);

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

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

}



.wwap-home-hero-points span{

  transition:transform .2s ease;

}



.wwap-home-hero-points span:hover{

  transform:translateX(2px);

}



.wwap-home-hero-visual{

  position:relative;

  overflow:hidden;

  box-shadow:

    0 32px 80px rgba(8,26,51,.20),

    0 8px 24px rgba(11,99,206,.10);

}



.wwap-home-hero-visual::before{

  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  background:linear-gradient(

    135deg,

    rgba(255,255,255,.055),

    transparent 42%

  );

}



.wwap-home-hero-visual > *{

  position:relative;

  z-index:1;

}



.wwap-home-hero-stat{

  transition:

    transform .22s ease,

    background .22s ease,

    border-color .22s ease;

}



.wwap-home-hero-stat:hover{

  transform:translateX(4px);

  border-color:rgba(255,255,255,.26);

}



@media (min-width:901px){

  .wwap-home-hero-inner{

    gap:72px;

  }

}



@media (max-width:600px){

  .wwap-home-hero-stat:hover{

    transform:none;

  }

}






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

   FINAL MICRO POLISH — SAFE ISOLATED OVERRIDES

   Homepage Hero Only

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



.wwap-home-hero{

  background:

    radial-gradient(circle at 86% 16%, rgba(11,99,206,.13), transparent 30%),

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

    linear-gradient(135deg, #f8faff 0%, #ffffff 52%, #f3f7fc 100%);

}



.wwap-home-hero-title{

  text-wrap: balance;

}



.wwap-home-hero-description{

  max-width: 660px;

}



.wwap-home-hero-btn{

  letter-spacing: -.01em;

}



.wwap-home-hero-btn-primary{

  background: linear-gradient(135deg, #0b63ce, #084d9f);

  box-shadow:

    0 14px 28px rgba(11,99,206,.20),

    inset 0 1px 0 rgba(255,255,255,.14);

}



.wwap-home-hero-btn-primary:hover{

  box-shadow:

    0 18px 36px rgba(11,99,206,.27),

    inset 0 1px 0 rgba(255,255,255,.16);

}



.wwap-home-hero-btn-secondary{

  box-shadow: 0 5px 16px rgba(8,26,51,.035);

}



.wwap-home-hero-visual{

  position: relative;

  overflow: hidden;

  box-shadow:

    0 30px 70px rgba(8,26,51,.20),

    inset 0 1px 0 rgba(255,255,255,.055);

}



.wwap-home-hero-visual::before{

  content: "";

  position: absolute;

  width: 230px;

  height: 230px;

  top: -115px;

  right: -85px;

  border-radius: 50%;

  background: radial-gradient(circle, rgba(71,143,232,.18), transparent 68%);

  pointer-events: none;

}



.wwap-home-hero-visual > *{

  position: relative;

  z-index: 1;

}



.wwap-home-hero-stat{

  transition:

    transform .22s ease,

    background .22s ease,

    border-color .22s ease;

}



.wwap-home-hero-stat:hover{

  transform: translateY(-2px);

  border-color: rgba(255,255,255,.26);

}



.wwap-home-hero-points{

  align-items: center;

}



@media (max-width: 600px){



  .wwap-home-hero-title{

    text-wrap: initial;

  }



  .wwap-home-hero-visual::before{

    width: 180px;

    height: 180px;

    top: -90px;

    right: -75px;

  }



}




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

   10/10 FINAL HERO POLISH

   Safe isolated overrides — homepage hero only

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



.wwap-home-hero{

  position:relative;

}



.wwap-home-hero::before{

  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  background:

    linear-gradient(

      90deg,

      rgba(255,255,255,.18) 0%,

      transparent 38%,

      transparent 62%,

      rgba(11,99,206,.025) 100%

    );

}



.wwap-home-hero-inner{

  position:relative;

  z-index:1;

}



.wwap-home-hero-content{

  padding-bottom:4px;

}



.wwap-home-hero-title{

  text-shadow:0 2px 18px rgba(8,26,51,.025);

}



.wwap-home-hero-title span{

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

}



.wwap-home-hero-description{

  color:#5f6f82;

}



.wwap-home-hero-actions{

  align-items:center;

}



.wwap-home-hero-btn-secondary{

  border-color:rgba(8,26,51,.11);

}



.wwap-home-hero-btn-secondary:hover{

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

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

}



.wwap-home-hero-visual{

  border:1px solid rgba(255,255,255,.075);

}



.wwap-home-hero-visual-label{

  opacity:.78;

}



.wwap-home-hero-visual-title{

  max-width:460px;

}



.wwap-home-hero-stats{

  position:relative;

}



.wwap-home-hero-stat{

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.035),

    0 8px 20px rgba(0,0,0,.045);

}



.wwap-home-hero-stat strong{

  color:rgba(255,255,255,.96);

}



.wwap-home-hero-stat span{

  opacity:.8;

}



.wwap-home-hero-points span{

  white-space:nowrap;

}



@media (max-width:600px){



  .wwap-home-hero-content{

    padding-bottom:0;

  }



  .wwap-home-hero-points span{

    white-space:normal;

  }



}




/* ===== HOME HERO VISUAL POLISH — ISOLATED ===== */



.wwap-hero{

  position:relative !important;

  overflow:hidden !important;

}



.wwap-hero::after{

  content:"" !important;

  position:absolute !important;

  width:520px !important;

  height:520px !important;

  right:-220px !important;

  top:-250px !important;

  border-radius:50% !important;

  background:radial-gradient(circle,rgba(44,117,255,.07),transparent 68%) !important;

  pointer-events:none !important;

  z-index:0 !important;

}



.wwap-hero > *{

  position:relative !important;

  z-index:1 !important;

}