/* WEALTH WITH ARJUN PRASAD — GLOBAL BRAND SYSTEM */



:root {

  --wwap-navy: #081a33;

  --wwap-navy-deep: #041225;

  --wwap-blue: #0b63ce;

  --wwap-blue-light: #eaf3ff;

  --wwap-gold: #c99a2e;

  --wwap-text: #132238;

  --wwap-muted: #667085;

  --wwap-border: #dfe6ee;

  --wwap-surface: #ffffff;

  --wwap-soft: #f6f8fb;

  --wwap-radius-sm: 10px;

  --wwap-radius-md: 16px;

  --wwap-radius-lg: 24px;

  --wwap-shadow-sm: 0 4px 14px rgba(8,26,51,.06);

  --wwap-shadow-md: 0 12px 32px rgba(8,26,51,.10);

  --wwap-container: 1180px;

}



*,

*::before,

*::after {

  box-sizing: border-box;

}



html {

  scroll-behavior: smooth;

}



body {

  margin: 0;

  color: var(--wwap-text);

  background: var(--wwap-surface);

  font-family: Inter, ui-sans-serif, system-ui, -apple-system,

    BlinkMacSystemFont, "Segoe UI", sans-serif;

  line-height: 1.6;

  -webkit-font-smoothing: antialiased;

}



img,

svg {

  max-width: 100%;

  height: auto;

}



a {

  color: inherit;

  text-decoration: none;

}



button,

input,

select,

textarea {

  font: inherit;

}



.wwap-container {

  width: min(calc(100% - 40px), var(--wwap-container));

  margin-inline: auto;

}



.wwap-section {

  padding: 80px 0;

}



.wwap-card {

  background: #fff;

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

  border-radius: var(--wwap-radius-md);

  box-shadow: var(--wwap-shadow-sm);

}



.wwap-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-height: 46px;

  padding: 0 20px;

  border: 1px solid transparent;

  border-radius: 999px;

  font-weight: 700;

  cursor: pointer;

}



.wwap-btn-primary {

  background: var(--wwap-blue);

  color: #fff;

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

}



.wwap-btn-outline {

  background: #fff;

  border-color: var(--wwap-border);

  color: var(--wwap-navy);

}



:focus-visible {

  outline: 3px solid rgba(11,99,206,.28);

  outline-offset: 3px;

}



@media (max-width:768px) {

  .wwap-container {

    width: min(calc(100% - 28px), var(--wwap-container));

  }



  .wwap-section {

    padding: 58px 0;

  }

}

/* ===== EXTRACTED: mobile-fix-20260820 ===== */
@media(max-width:600px){header{padding:14px 16px}.logo{font-size:18px}nav a{font-size:13px;margin-left:12px}.hero{min-height:auto;padding:55px 18px 45px}.hero h1{font-size:38px;line-height:1.1}.hero p{font-size:16px;line-height:1.65}.buttons{flex-direction:column;width:100%}.btn{width:100%;text-align:center}.section{padding:52px 16px}.section-title h2{font-size:28px}.cards{grid-template-columns:1fr;gap:16px}.card{padding:24px 20px}.wmh-grid{grid-template-columns:1fr}.sip-card{width:100%}}.mobile-safe-fix{display:block}@media(max-width:600px){html,body{max-width:100%;overflow-x:hidden}header{gap:10px;flex-wrap:wrap}nav{display:flex;flex-wrap:wrap;gap:8px}nav a{margin-left:0}.wmh-card{min-height:auto}.sip-card{max-width:100%;overflow:hidden}}


/* ===== MOVED FROM index.html: calculator-visibility-control ===== */
.calculator-page-hidden{display:none!important}


/* ===== MOVED FROM index.html: final-calculator-mobile-fix ===== */
.calculator-page-hidden{display:none!important}



@media(max-width:680px){

  html,body{

    overflow-x:hidden!important;

  }















}

/* ===== WHATSAPP FLOATING BUTTON ===== */
.wa-float {

  position: fixed;

  right: 22px;

  bottom: 22px;

  z-index: 99999;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  min-height: 52px;

  padding: 0 20px 0 14px;

  background: #25D366;

  color: #ffffff;

  text-decoration: none;

  border-radius: 999px;

  box-shadow: 0 7px 22px rgba(0,0,0,.20);

  font-size: 15px;

  font-weight: 800;

  line-height: 1;

  letter-spacing: .1px;

  white-space: nowrap;

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

}



.wa-float:hover {

  transform: translateY(-2px);

  background: #20c863;

  box-shadow: 0 11px 28px rgba(0,0,0,.25);

}



.wa-float:active {

  transform: translateY(0);

}



.wa-icon {

  width: 30px;

  height: 30px;

  flex: 0 0 30px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background: #ffffff;

  color: #25D366;

  border-radius: 50%;

}



.wa-icon svg {

  width: 19px;

  height: 19px;

  display: block;

}



@media (max-width: 600px) {

  .wa-float {

    right: 15px;

    bottom: 15px;

    min-height: 48px;

    padding: 0 15px 0 11px;

    gap: 8px;

    font-size: 14px;

  }



  .wa-icon {

    width: 28px;

    height: 28px;

    flex-basis: 28px;

  }



  .wa-icon svg {

    width: 18px;

    height: 18px;

  }

}