:root{
      --bg: rgb(25,38,53);
      --bg2:#0f1824;
      --ink:#ffffff;
      --muted:rgba(255,255,255,.88);
      --muted2:rgba(255,255,255,.75);
      --gold:#C5A059;
      --line:rgba(255,255,255,.22);
      --lineGold:rgba(197,160,89,.55);
      --shadow:0 20px 50px rgba(0,0,0,.45);
      --r1:18px;
      --r2:14px;
      --max:1180px;
    }

    /* HARD OVERRIDE: prevent any site CSS from turning text black */
    html, body, body *{ color: var(--ink) !important; }
    body p, body li, body span, body div{ color: var(--muted) !important; }
    h1,h2,h3,h4,strong,b{ color: var(--ink) !important; }

    *{box-sizing:border-box}
    body{
      margin:0;
      font-family: Arial, Helvetica, sans-serif;
      background:
        radial-gradient(1200px 700px at 18% 0%, rgba(197,160,89,.10), transparent 55%),
        radial-gradient(900px 600px at 80% 18%, rgba(255,255,255,.06), transparent 55%),
        linear-gradient(180deg, var(--bg), var(--bg2));
    }
    a{ text-decoration:none; }

    .wrap{max-width:var(--max);margin:0 auto;padding:42px 18px 70px}

    .hero{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap:16px;
      align-items:stretch;
    }
    @media (max-width:980px){ .hero{grid-template-columns:1fr} }

    .panel{
      background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.11));
      border: 1px solid var(--line);
      border-radius: var(--r1);
      box-shadow: var(--shadow);
      padding: 26px 22px;
      position:relative;
      overflow:hidden;
    }
    .panel:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(650px 240px at 16% 0%, rgba(197,160,89,.18), transparent 60%);
      pointer-events:none;
    }
    .panel > *{position:relative}

    .kicker{
      display:flex; align-items:center; gap:10px;
      font-size:12px; letter-spacing:.12em; text-transform:uppercase;
      color: rgba(255,255,255,.86) !important;
    }
    .dot{width:9px;height:9px;border-radius:99px;background:var(--gold);display:inline-block}

    h1{margin:10px 0 10px;font-size:40px;line-height:1.08}
    @media (max-width:560px){ h1{font-size:32px} }

    .lead{
      margin:0 0 12px;
      color: var(--muted) !important;
      font-size:16px;
      line-height:1.58;
      max-width: 72ch;
    }

    .rule{
      margin-top:14px;
      padding:12px 14px;
      border:1px solid var(--lineGold);
      background: rgba(197,160,89,.12);
      border-radius: 14px;
      color: rgba(255,255,255,.92) !important;
      font-size:14px;
      line-height:1.45;
    }
    .rule b{color:#fff !important}

    .pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
    .pill{
      padding:9px 11px;
      border:1px solid var(--line);
      border-radius:999px;
      background: rgba(0,0,0,.18);
      font-size:13px;
      color: rgba(255,255,255,.92) !important;
      white-space:nowrap;
    }

    .ctaRow{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:12px 14px;
      border-radius:12px;
      border:1px solid var(--line);
      background: rgba(0,0,0,.22);
      font-weight:900;
      font-size:14px;
      color:#fff !important;
    }
    .btn.primary{
      background: linear-gradient(135deg, rgba(197,160,89,.38), rgba(0,0,0,.14));
      border-color: rgba(197,160,89,.70);
    }
    .btn:hover{filter:brightness(1.08)}

    .anchors{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
    .anchor{
      padding:9px 11px;
      border:1px solid var(--line);
      border-radius: 999px;
      background: rgba(0,0,0,.18);
      font-size:13px;
      font-weight:900;
      color: rgba(255,255,255,.92) !important;
    }
    .anchor:hover{filter:brightness(1.07)}

    .footerNote{
      margin-top:10px;
      color: rgba(255,255,255,.74) !important;
      font-size:12.5px;
      line-height:1.45;
    }

    /* Right-side quick cards */
    .miniGrid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:12px;
      margin-top:12px;
    }
    @media (max-width:860px){ .miniGrid{grid-template-columns:1fr} }

    .mini{
      background: rgba(0,0,0,.18);
      border:1px solid var(--line);
      border-radius: var(--r2);
      padding:14px 14px;
      min-height: 92px;
    }
    .mini h3{margin:0 0 6px;font-size:15px}
    .mini p{margin:0;color:var(--muted) !important;font-size:13.5px;line-height:1.45}

    .tag{
      display:inline-block;
      margin-top:8px;
      font-size:12px;
      color: rgba(255,255,255,.92) !important;
      padding:6px 10px;
      border-radius:999px;
      border:1px solid rgba(197,160,89,.70);
      background: rgba(197,160,89,.14);
    }

    .oneLine{
      margin-top:12px;
      padding:14px 14px;
      border-radius: var(--r2);
      border:1px solid var(--line);
      background: rgba(0,0,0,.18);
    }
    .oneLine .t{font-weight:900;margin:0 0 6px;font-size:14px;color:#fff !important}
    .oneLine p{margin:0;color:var(--muted) !important;font-size:13.5px;line-height:1.45}

    .callout{
      margin-top:12px;
      padding:12px 14px;
      border:1px solid rgba(255,255,255,.26);
      border-radius: 14px;
      background: rgba(0,0,0,.18);
      color: rgba(255,255,255,.92) !important;
      font-size:13.5px;
      line-height:1.45;
    }

    /* Sections */
    .section{margin-top:22px}
    .sectionTitle{
      margin:0 0 10px;
      font-size:22px;
      display:flex; align-items:center; gap:10px;
      color:#fff !important;
    }
    .subnote{margin:0;color:var(--muted2) !important;font-size:13.5px;line-height:1.45}
    .hr{height:1px;background:var(--line);margin:14px 0 16px}

    /* 5 function cards */
    .cards{
      display:grid;
      grid-template-columns: repeat(5, 1fr);
      gap:12px;
      margin-top:12px;
    }
    @media (max-width:1100px){ .cards{grid-template-columns: repeat(2, 1fr)} }
    @media (max-width:520px){ .cards{grid-template-columns: 1fr} }

    .card{
      background: rgba(255,255,255,.14);
      border:1px solid var(--line);
      border-radius: var(--r2);
      padding:16px 14px;
      min-height: 188px;
    }
    .badge{
      display:flex; align-items:center; gap:8px;
      font-size:12px;
      letter-spacing:.10em;
      text-transform:uppercase;
      color: rgba(255,255,255,.88) !important;
      margin-bottom:10px;
    }
    .card h4{margin:0 0 8px;font-size:16px;color:#fff !important}
    .card p{margin:0;color:var(--muted) !important;font-size:13.5px;line-height:1.45}
    .use{
      margin-top:10px;
      padding-top:10px;
      border-top:1px solid var(--line);
      color: rgba(255,255,255,.92) !important;
      font-size:13px;
      line-height:1.45;
    }
    .use b{color:#fff !important}

    /* Two-column blocks */
    .grid2{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:14px;
      margin-top:12px;
    }
    @media (max-width:980px){ .grid2{grid-template-columns:1fr} }

    .list{
      margin:12px 0 0;
      padding:0;
      list-style:none;
    }
    .list li{
      padding:10px 10px;
      border:1px solid var(--line);
      border-radius: 12px;
      background: rgba(0,0,0,.18);
      margin-bottom:10px;
      color: rgba(255,255,255,.92) !important;
      display:flex;
      gap:10px;
      align-items:flex-start;
    }
    .num{
      width:26px;height:26px;border-radius:10px;
      background: rgba(197,160,89,.22);
      border:1px solid rgba(197,160,89,.75);
      display:flex;align-items:center;justify-content:center;
      font-weight:900;
      color:#fff !important;
      flex:0 0 auto;
      font-size:13px;
    }

    .moneyGrid{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap:14px;
      margin-top:14px;
    }
    @media (max-width:980px){ .moneyGrid{grid-template-columns:1fr} }

    /* Prevent weird inherited backgrounds */
    section, article, main, header, footer { background: transparent !important; }
  body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text3 div
{
   text-align: left;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text4 div
{
   text-align: left;
}
#wb_Image4
{
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text5 div
{
   text-align: left;
}
#wb_Line1
{
   font-size: 0;
}
#Line1
{
   border-width: 0;
   height: 9px;
   width: 1273px;
}
#MegaMenu1
{
   font-size: 0;
   list-style: none;
   margin: 0;
   padding: 0;
   width: 100%;
   margin: 0;
   text-align: left;
   font-family: Arial;
   font-weight: normal;
}
#MegaMenu1 li
{
   display: inline-block;
   font-size: 12px;
   margin: 0;
   padding: 0;
   position: relative;
}
#MegaMenu1 li a
{
   float: left;
}
#MegaMenu1 li .submenu
{
   position: absolute;
   right: 0;
   display: none;
   padding: 15px 15px 15px 15px;
   text-align: left;
   top: 0;
   z-index: 9999;
}
#MegaMenu1 li .submenu.show
{
   display: grid;
}
#MegaMenu1 li .submenu ul
{
   list-style: none;
   margin: 0;
   padding: 0;
}
#MegaMenu1 .submenu ul li
{
   width: 100%;
}
#MegaMenu1 .submenu ul li .heading
{
   display: block;
   color: #3588F0;
   font-weight: normal;
   font-size: 8px;
   font-style: normal;
   margin: 0;
   padding: 8px 0;
   text-decoration: none;
   text-transform: none;
   white-space: nowrap;
}
#MegaMenu1 .submenu ul li a
{
   display: block;
   float: none;
   height: auto;
   border: 1px solid transparent;
   border-radius: 0px;
   color: inherit;
   font-weight: normal;
   font-style: normal;
   padding: 8px 4px 8px 20px;
   text-decoration: none;
   text-transform: none;
   text-indent: 0;
   white-space: nowrap;
}
#MegaMenu1 .button
{
   cursor: pointer;
   position: relative;
   text-align: center;
   margin: 0 1px 0 0;
   outline: 0;
   padding: 6px 20px 6px 10px;
   color: #FFFFFF;
   background-color: #192635;
   background-image: none;
   border: 0px solid #192635;
   border-radius: 0px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#MegaMenu1 .button:hover, #MegaMenu1 .button.active
{
   background-color: #DAA520;
   background-image: none;
   border-color: #DAA520;
   color: #FFFFFF;
}
#MegaMenu1 .submenu
{
   background-color: #000000;
   background-image: none;
   border: 1px solid #000000;
   border-radius: 0px;
   color: #FFFFFF;
}
#MegaMenu1 .submenu a:hover, #MegaMenu1 .submenu a.active
{
   background-color: #000000;
   background-image: none;
   border: 1px solid #000000;
   color: #FFFFFF;
}
#MegaMenu1 li:nth-child(3) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(4) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(5) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(6) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(7) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(8) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(9) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(10) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li i
{
   font-size: 16px;
   width: 18px;
}
#MegaMenu1 .arrow
{
   margin-top: -8px;
   margin-left: 0;
   position: absolute;
   right: 1px;
   top: 50%;
   display: block;
   overflow: hidden;
   width: 16px;
   height: 16px;
}
#MegaMenu1 .bullet, #MegaMenu1 .icon
{
   left: 0px;
   margin-top: -8px;
   position: absolute;
   top: 50%;
   display: block;
   overflow: hidden;
   width: 16px;
   height: 16px;
}
#MegaMenu1-hamburger
{
   cursor: pointer;
   display: none;
   background-color: #192635;
   border: 0px solid #192635;
   padding: 9px 12px 9px 12px;
}
#MegaMenu1-hamburger .line
{
   width: 9px;
   height: 1px;
   background: #FFFFFF;
   display: block;
   margin: 1px auto;
}
#MegaMenu1-close
{
   display: none;
}
@media all and (max-width:300px) 
{
#MegaMenu1-hamburger
{
   display: inline-block;
}
#MegaMenu1 > li
{
   width: 100%;
}
#MegaMenu1 > li > a
{
   display: none;
}
#MegaMenu1-nav
{
   display: none;
   height: 100% !important;
   left: 0 !important;
   overflow-y: auto;
   position: fixed !important;
   top: 0 !important;
   width: 100% !important;
   z-index: 9998;
}
#MegaMenu1
{
   height: 100% !important;
   width: 100% !important;
}
#MegaMenu1 > li > div
{
   box-sizing: border-box;
   border-width: 0 0 1px 0 !important;
   display: inline-block !important;
   float: none;
   position: static !important;
   width: 100% !important;
}
#MegaMenu1 li .submenu ul, #MegaMenu1 li .submenu ul li
{
   width: 100% !important;
}
##MegaMenu1 .nav-link
{
   box-sizing: border-box;
   display: inline-block !important;
   float: none;
   position: static !important;
   width: 100% !important;
   padding: 9px 5px 9px 21px;
   text-align: left;
}
#MegaMenu1-close
{
   display: block;
   left: 0;
   pointer-events: none;
   position: fixed;
   text-align: right;
   top: 0;
   width: 100%;
   z-index: 9999;
}
#MegaMenu1-close a
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 24px;
   font-weight: bold;
   padding: 10px 40px 10px 10px;
   pointer-events: all;
   text-decoration: none;
}
#wb_MegaMenu1.open
{
   z-index: 9998 !important
}
#wb_MegaMenu1.open #MegaMenu1-nav
{
   display: block !important;
}
.overflow-no-scroll
{
   overflow: hidden !important;
}
}