:root {
      --navy: #081523;
      --navy-2: #0d1d30;
      --navy-3: #11263d;
      --gold: #d4af37;
      --gold-deep: #b78d18;
      --gold-soft: #f0df9a;
      --text: #121a24;
      --text-strong: #0b1118;
      --muted: #526274;
      --muted-2: #667688;
      --white: #ffffff;
      --offwhite: #f4f6f9;
      --line: rgba(10, 20, 32, 0.08);
      --shadow: 0 20px 60px rgba(7, 20, 33, 0.10);
      --shadow-hover: 0 28px 80px rgba(7, 20, 33, 0.16);
      --radius-xl: 28px;
      --radius-lg: 22px;
      --radius-md: 18px;
      --max: 1320px;
    }

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

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: Arial, Helvetica, sans-serif;
      background: var(--offwhite);
      color: var(--text);
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    img {
      display: block;
      max-width: 100%;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    .container {
      width: 100%;
      max-width: var(--max);
      margin: 0 auto;
      padding: 0 24px;
    }

    .hero {
      position: relative;
      overflow: hidden;
      background:
        linear-gradient(135deg, rgba(8,21,35,0.94) 0%, rgba(10,28,46,0.88) 46%, rgba(6,16,28,0.92) 100%),
        url("https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=1800&q=80") center center / cover no-repeat;
      color: var(--white);
      padding: 120px 0 110px;
      border-bottom: 1px solid rgba(255,255,255,0.08);
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: auto -10% -120px auto;
      width: 440px;
      height: 440px;
      background: radial-gradient(circle, rgba(212,175,55,0.22) 0%, rgba(212,175,55,0.04) 48%, rgba(212,175,55,0) 72%);
      pointer-events: none;
    }

    .hero-inner {
      position: relative;
      z-index: 1;
      max-width: 980px;
    }

    .eyebrow {
      display: inline-block;
      margin-bottom: 16px;
      color: var(--gold-soft);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 2.2px;
      text-transform: uppercase;
    }

    .hero h1 {
      font-size: 64px;
      line-height: 1.02;
      letter-spacing: -1.5px;
      font-weight: 700;
      max-width: 960px;
      margin-bottom: 22px;
      color: #ffffff;
    }

    .hero p {
      max-width: 800px;
      font-size: 21px;
      line-height: 1.75;
      color: rgba(255,255,255,0.88);
      font-weight: 400;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 34px;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 52px;
      padding: 0 24px;
      border-radius: 999px;
      font-size: 15px;
      font-weight: 700;
      transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    }

    .btn-primary {
      background: var(--gold);
      color: var(--navy);
      box-shadow: 0 12px 30px rgba(212,175,55,0.24);
    }

    .btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 18px 40px rgba(212,175,55,0.30);
    }

    .btn-secondary {
      background: rgba(255,255,255,0.06);
      color: var(--white);
      border: 1px solid rgba(255,255,255,0.16);
      backdrop-filter: blur(6px);
    }

    .btn-secondary:hover {
      transform: translateY(-2px);
      background: rgba(255,255,255,0.10);
      border-color: rgba(255,255,255,0.26);
    }

    .section {
      padding: 96px 0;
    }

    .intro-grid {
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: 28px;
      align-items: stretch;
    }

    .glass-card,
    .stat-card,
    .team-card,
    .statement-card,
    .cta-card {
      background: rgba(255,255,255,0.96);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(15,23,32,0.06);
      box-shadow: var(--shadow);
    }

    .glass-card {
      border-radius: var(--radius-xl);
      padding: 40px;
    }

    .glass-card h2 {
      font-size: 38px;
      line-height: 1.08;
      letter-spacing: -0.8px;
      margin-bottom: 18px;
      color: var(--text-strong);
      font-weight: 700;
    }

    .glass-card p {
      color: var(--muted);
      font-size: 18px;
      margin-bottom: 14px;
      font-weight: 400;
    }

    .stat-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin-top: 18px;
    }

    .stat-card {
      border-radius: 20px;
      padding: 24px 22px;
      background: #ffffff;
    }

    .stat-card strong {
      display: block;
      color: var(--gold);
      font-size: 30px;
      line-height: 1;
      margin-bottom: 10px;
      letter-spacing: -0.5px;
      font-weight: 700;
    }

    .stat-card span {
      display: block;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.55;
      font-weight: 500;
    }

    .section-head {
      text-align: center;
      max-width: 960px;
      margin: 0 auto 52px;
    }

    .section-head .eyebrow-dark {
      display: inline-block;
      margin-bottom: 12px;
      color: var(--gold-deep);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
    }

    .section-head h2 {
      font-size: 48px;
      line-height: 1.05;
      letter-spacing: -1px;
      color: var(--text-strong);
      margin-bottom: 16px;
      font-weight: 700;
    }

    .section-head p {
      color: var(--muted);
      font-size: 19px;
      line-height: 1.75;
      font-weight: 500;
    }

    .team-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(280px, 1fr));
      gap: 28px;
    }

    .team-card {
      position: relative;
      overflow: hidden;
      border-radius: 26px;
      transition: transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease;
      will-change: transform;
      background: #ffffff;
    }

    .team-card:hover {
      transform: translateY(-10px);
      box-shadow: var(--shadow-hover);
      border-color: rgba(212,175,55,0.22);
    }

    .team-image-wrap {
      position: relative;
      background: linear-gradient(180deg, #10233a 0%, #0b1828 100%);
      padding: 18px 18px 0;
    }

    .team-image-wrap::after {
      content: "";
      position: absolute;
      inset: auto 18px 0 18px;
      height: 35%;
      background: linear-gradient(to top, rgba(8,21,35,0.72), rgba(8,21,35,0));
      pointer-events: none;
      border-radius: 0 0 18px 18px;
    }

    .team-image {
      width: 100%;
      height: 430px;
      object-fit: cover;
      object-position: center top;
      border-radius: 18px 18px 0 0;
      transition: transform 0.45s ease;
      background: #0d1d30;
    }

    .team-card:hover .team-image {
      transform: scale(1.035);
    }

    .team-content {
      padding: 26px 24px 28px;
      background: #ffffff;
    }

    .team-name {
      font-size: 31px;
      line-height: 1.08;
      color: var(--text-strong);
      letter-spacing: -0.6px;
      margin-bottom: 8px;
      font-weight: 700;
    }

    .team-role {
      display: inline-block;
      margin-bottom: 14px;
      color: var(--gold-deep);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
    }

    .team-content p {
      color: var(--muted);
      font-size: 16px;
      line-height: 1.72;
      font-weight: 500;
    }

    .statement-card {
      border-radius: 30px;
      padding: 50px 40px;
      text-align: center;
      margin-top: 34px;
      background:
        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(251,248,236,0.98));
    }

    .statement-card h2 {
      font-size: 44px;
      line-height: 1.06;
      letter-spacing: -0.9px;
      color: var(--text-strong);
      margin-bottom: 16px;
      font-weight: 700;
    }

    .statement-card p {
      max-width: 980px;
      margin: 0 auto;
      font-size: 19px;
      color: var(--muted-2);
      line-height: 1.75;
      font-weight: 500;
    }

    .cta-wrap {
      padding-bottom: 110px;
    }

    .cta-card {
      border-radius: 34px;
      overflow: hidden;
      background:
        linear-gradient(135deg, rgba(8,21,35,0.98) 0%, rgba(14,33,53,0.96) 45%, rgba(212,175,55,0.92) 160%);
      color: var(--white);
      position: relative;
    }

    .cta-card::before {
      content: "";
      position: absolute;
      top: -80px;
      right: -80px;
      width: 260px;
      height: 260px;
      background: radial-gradient(circle, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.04) 38%, rgba(255,255,255,0) 70%);
      pointer-events: none;
    }

    .cta-inner {
      position: relative;
      z-index: 1;
      padding: 56px 42px;
      text-align: center;
    }

    .cta-inner h2 {
      font-size: 46px;
      line-height: 1.05;
      letter-spacing: -1px;
      margin-bottom: 14px;
      color: #ffffff;
      font-weight: 700;
    }

    .cta-inner p {
      max-width: 900px;
      margin: 0 auto 24px;
      color: rgba(255,255,255,0.90);
      font-size: 19px;
      line-height: 1.75;
      font-weight: 500;
    }

    footer {
      padding: 0 0 40px;
      text-align: center;
      color: #6d7b8c;
      font-size: 14px;
      font-weight: 500;
    }

    @media (max-width: 1180px) {
      .hero h1 {
        font-size: 54px;
      }

      .intro-grid,
      .team-grid {
        grid-template-columns: 1fr 1fr;
      }

      .intro-grid > :first-child {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 860px) {
      .hero {
        padding: 96px 0 84px;
      }

      .hero h1 {
        font-size: 42px;
      }

      .hero p,
      .section-head p,
      .glass-card p,
      .statement-card p,
      .cta-inner p {
        font-size: 17px;
      }

      .glass-card h2,
      .section-head h2,
      .statement-card h2,
      .cta-inner h2 {
        font-size: 34px;
      }

      .intro-grid,
      .team-grid,
      .stat-grid {
        grid-template-columns: 1fr;
      }

      .team-image {
        height: 400px;
      }

      .section {
        padding: 74px 0;
      }

      .cta-wrap {
        padding-bottom: 84px;
      }
    }

    @media (max-width: 560px) {
      .container {
        padding: 0 18px;
      }

      .hero h1 {
        font-size: 36px;
      }

      .hero-actions {
        flex-direction: column;
        align-items: stretch;
      }

      .btn {
        width: 100%;
      }

      .glass-card,
      .cta-inner,
      .statement-card {
        padding: 30px 22px;
      }

      .team-content {
        padding: 22px 20px 24px;
      }

      .team-name {
        font-size: 26px;
      }

      .team-image {
        height: 360px;
      }
    }
  html, body, #container
{
   width: 100%;
   height: 100%;
}
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_Text10 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text10 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%;
}
#wb_Text11 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text11 div
{
   text-align: left;
}
#wb_Line1
{
   font-size: 0;
}
#Line1
{
   border-width: 0;
   height: 10px;
   width: 1355px;
}
#wb_Text12 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text12 div
{
   text-align: left;
}
#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(2) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#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;
}
}