/* =========================================================
           ROOT
        ========================================================= */
 
 :root {
     --primary: #043262;
     --primary-dark: #021f3d;
     --gold: #f8bb00;
     --coral: #d86262;
     --teal: #00b1a5;
     --navy: #3a416a;
     --white: #ffffff;
     --black: #111827;
     --light: #f5f8fb;
     --light-blue: #eef5fb;
     --text: #4c5868;
     --muted: #7b8796;
     --border: #e5eaf0;
     --shadow-sm: 0 10px 30px rgba(4, 50, 98, 0.07);
     --shadow: 0 20px 60px rgba(4, 50, 98, 0.10);
     --shadow-lg: 0 30px 80px rgba(4, 50, 98, 0.15);
     --radius: 20px;
 }
 /* =========================================================
           GLOBAL
        ========================================================= */
 
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }
 
 html {
     scroll-behavior: smooth;
 }
 
 body {
     font-family: "Manrope", sans-serif;
     color: var(--text);
     background: var(--white);
     overflow-x: hidden;
 }
 
 img {
     max-width: 100%;
     display: block;
 }
 
 a {
     text-decoration: none;
 }
 
 .container {
     max-width: 1600px;
 }
 
 .section-space {
     padding: 100px 0;
 }
 
 .section-label {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     color: var(--teal);
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 2px;
     text-transform: uppercase;
 }
 
 .section-label::before {
     content: "";
     width: 28px;
     height: 2px;
     background: var(--teal);
 }
 
 .section-title {
     margin-top: 15px;
     color: var(--primary);
     font-size: clamp(32px, 4vw, 54px);
     line-height: 1.08;
     font-weight: 800;
     letter-spacing: -1.5px;
 }
 
 .section-title span {
     color: var(--coral);
 }
 
 .section-description {
     max-width: 680px;
     margin-top: 18px;
     color: var(--text);
     font-size: 16px;
     line-height: 1.8;
 }
 
 .btn-main {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     min-height: 54px;
     padding: 0 28px;
     border-radius: 8px;
     background: var(--gold);
     color: var(--primary);
     font-size: 14px;
     font-weight: 800;
     border: 1px solid var(--gold);
     transition: .3s ease;
 }
 
 .btn-main:hover {
     background: var(--primary);
     border-color: var(--primary);
     color: var(--white);
     transform: translateY(-2px);
 }
 
 .btn-outline {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     min-height: 54px;
     padding: 0 28px;
     border-radius: 8px;
     background: transparent;
     color: var(--primary);
     font-size: 14px;
     font-weight: 800;
     border: 1px solid rgba(4, 50, 98, .20);
     transition: .3s ease;
 }
 
 .btn-outline:hover {
     background: var(--primary);
     color: var(--white);
     border-color: var(--primary);
 }
 /* =========================================================
           NAVBAR
        ========================================================= */
 
 .main-header {
     position: absolute;
     z-index: 1000;
     top: 0;
     left: 0;
     width: 100%;
 }
 
 .navbar {
     padding: 20px 0;
 }
 
 .navbar-brand img {
     width: 90px;
     height: auto;
 }
 
 .navbar-nav {
     gap: 8px;
 }
 
 .navbar-nav .nav-link {
     color: var(--primary);
     padding: 10px 15px !important;
     font-size: 16px;
     font-weight: 700;
     transition: .3s;
 }
 
 .navbar-nav .nav-link:hover,
 .navbar-nav .nav-link.active {
     color: var(--coral);
 }
 
 .navbar-toggler {
     border: 0;
     box-shadow: none !important;
     color: var(--primary);
     font-size: 25px;
 }
 
 .header-btn {
     margin-left: 15px;
     min-height: 44px;
     padding: 0 20px;
     font-size: 12px;
 }
 /* =========================================================
           HERO
        ========================================================= */
 
 .hero-section {
     position: relative;
     min-height: 720px;
     display: flex;
     align-items: center;
     background: linear-gradient( 100deg, #f6faff 0%, #f7fbff 52%, #eaf5fa 100%);
     overflow: hidden;
 }
 
 .hero-section::before {
     content: "";
     position: absolute;
     width: 600px;
     height: 600px;
     right: -180px;
     top: -170px;
     border-radius: 50%;
     background: rgba(0, 177, 165, .08);
 }
 
 .hero-section::after {
     content: "";
     position: absolute;
     width: 450px;
     height: 450px;
     left: -250px;
     bottom: -250px;
     border-radius: 50%;
     background: rgba(248, 187, 0, .07);
 }
 
 .hero-content {
     position: relative;
     z-index: 2;
     padding-top: 90px;
 }
 
 .hero-label {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 8px 14px;
     border-radius: 50px;
     background: rgba(0, 177, 165, .08);
     color: var(--teal);
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 1.5px;
 }
 
 .hero-title {
     max-width: 720px;
     margin-top: 20px;
     color: var(--primary);
     font-size: clamp(42px, 6vw, 76px);
     line-height: 1.02;
     font-weight: 800;
     letter-spacing: -3px;
 }
 
 .hero-title span {
     color: var(--coral);
 }
 
 .hero-text {
     max-width: 620px;
     margin-top: 24px;
     font-size: 17px;
     line-height: 1.8;
     color: var(--text);
 }
 
 .hero-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 14px;
     margin-top: 32px;
 }
 
 .hero-image-wrap {
     position: relative;
     z-index: 2;
     padding-top: 90px;
 }
 
 .hero-image {
     width: 100%;
     max-width: 685px;
     margin-left: auto;
     object-fit: contain;
     border-radius: 6px;
 }
 /* =========================================================
   FOUNDER + LEADERSHIP TEAM — PREMIUM DESIGN
========================================================= */
 
 .founder-section {
     padding: 95px 0;
     /* background: #fff; */
 }
 
 .founder-section .container {
     max-width: 1600px;
 }
 /* ---------- SECTION HEADER ---------- */
 
 .team-group-heading {
     display: flex;
     align-items: flex-end;
     justify-content: space-between;
     gap: 30px;
     margin-bottom: 38px;
 }
 
 .team-group-heading .heading-left {
     max-width: 750px;
 }
 
 .team-group-heading .section-label {
     margin-bottom: 12px;
 }
 
 .team-group-heading h3 {
     font-size: 36px;
     line-height: 1.15;
     font-weight: 800;
     color: var(--primary);
     margin: 0;
     letter-spacing: -1px;
 }
 
 .team-group-heading h3 span {
     color: var(--gold);
 }
 
 .team-group-heading p {
     max-width: 470px;
     margin: 0;
     color: #6d7580;
     font-size: 14px;
     line-height: 1.7;
 }
 /* =========================================================
   FOUNDER
========================================================= */
 
 .founder-card {
     position: relative;
     display: grid;
     grid-template-columns: 390px 1fr;
     min-height: 430px;
     overflow: hidden;
     border-radius: 26px;
     background: linear-gradient(135deg, #f7f9fc 0%, #ffffff 60%);
     border: 1px solid #e7ebf0;
     box-shadow: 0 18px 50px rgba(4, 50, 98, .08);
     margin-bottom: 90px;
 }
 
 .founder-card::before {
     content: "";
     position: absolute;
     width: 300px;
     height: 300px;
     border-radius: 50%;
     background: rgba(248, 187, 0, .10);
     right: -110px;
     top: -120px;
 }
 
 .founder-card::after {
     content: "";
     position: absolute;
     width: 220px;
     height: 220px;
     border-radius: 50%;
     background: rgba(4, 50, 98, .045);
     left: -100px;
     bottom: -120px;
 }
 /* IMAGE */
 
 .founder-image-wrap {
     position: relative;
     z-index: 2;
     min-height: 430px;
     background: #edf2f7;
     overflow: hidden;
 }
 
 .founder-image-wrap img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center top;
     display: block;
     transition: transform .6s ease;
 }
 
 .founder-card:hover .founder-image-wrap img {
     transform: scale(1.04);
 }
 
 .founder-image-wrap::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient( 180deg, transparent 55%, rgba(4, 50, 98, .35));
     pointer-events: none;
 }
 /* FOUNDER BADGE */
 
 .founder-badge {
     position: absolute;
     left: 25px;
     bottom: 25px;
     z-index: 3;
     padding: 10px 17px;
     border-radius: 50px;
     background: #fff;
     color: var(--primary);
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 1.3px;
     text-transform: uppercase;
     box-shadow: 0 8px 25px rgba(0, 0, 0, .12);
 }
 /* CONTENT */
 
 .founder-content {
     position: relative;
     z-index: 2;
     padding: 58px 65px;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }
 
 .founder-number {
     font-size: 12px;
     color: var(--gold);
     font-weight: 800;
     letter-spacing: 2px;
     margin-bottom: 18px;
 }
 
 .founder-content h4 {
     font-size: 42px;
     font-weight: 800;
     color: var(--primary);
     margin: 0 0 8px;
     letter-spacing: -1.2px;
 }
 
 .founder-role {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     color: var(--coral);
     font-size: 13px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 1.2px;
     margin-bottom: 24px;
 }
 
 .founder-role::before {
     content: "";
     width: 30px;
     height: 2px;
     background: var(--gold);
 }
 
 .founder-content p {
     max-width: 680px;
     color: #68717d;
     font-size: 15px;
     line-height: 1.85;
     margin: 0 0 28px;
 }
 
 .founder-highlights {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
 }
 
 .founder-highlights span {
     padding: 9px 15px;
     border: 1px solid #e1e6ec;
     border-radius: 50px;
     background: #fff;
     color: #46515e;
     font-size: 11px;
     font-weight: 700;
 }
 /* =========================================================
   LEADERSHIP TEAM — MODERN SLIDER
========================================================= */
 
 .leadership-section {
     padding: 0 0 100px;
     /* background: #fff; */
 }
 /* HEADING + NAV */
 
 .leadership-section .team-group-heading {
     align-items: center;
 }
 
 .leadership-heading-right {
     display: flex;
     align-items: center;
     gap: 28px;
 }
 
 .leadership-heading-right p {
     max-width: 340px;
     margin: 0;
     color: #6d7580;
     font-size: 14px;
     line-height: 1.7;
 }
 
 .slider-nav {
     display: flex;
     gap: 10px;
     flex: 0 0 auto;
 }
 
 .slider-arrow {
     width: 48px;
     height: 48px;
     min-width: 48px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     border: 1px solid rgba(4, 50, 98, .16);
     background: #fff;
     color: var(--primary);
     font-size: 16px;
     cursor: pointer;
     transition: .3s ease;
 }
 
 .slider-arrow:hover {
     background: var(--primary);
     border-color: var(--primary);
     color: #fff;
     transform: translateY(-2px);
 }
 
 .slider-arrow:active {
     transform: translateY(0);
 }
 /* SLIDER TRACK */
 
 .leadership-slider {
     position: relative;
 }
 
 .leadership-track {
     display: flex;
     gap: 26px;
     overflow-x: auto;
     scroll-snap-type: x mandatory;
     scroll-behavior: smooth;
     padding: 6px 6px 14px;
     margin: -6px -6px 0;
     -ms-overflow-style: none;
     scrollbar-width: none;
 }
 
 .leadership-track::-webkit-scrollbar {
     display: none;
 }
 /* DOTS */
 
 .leadership-dots {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 8px;
     margin-top: 34px;
 }
 
 .leadership-dot {
     width: 8px;
     height: 8px;
     padding: 0;
     border: none;
     border-radius: 50%;
     background: #dde3ea;
     cursor: pointer;
     transition: .3s ease;
 }
 
 .leadership-dot.active {
     width: 28px;
     border-radius: 5px;
     background: var(--gold);
 }
 /* CARD */
 
 .leader-card {
     flex: 0 0 calc((100% - 26px * 3) / 4);
     scroll-snap-align: start;
     position: relative;
     aspect-ratio: 3 / 4;
     overflow: hidden;
     border-radius: 22px;
     background: #eef1f5;
     isolation: isolate;
     box-shadow: 0 14px 34px rgba(4, 50, 98, .08);
     transition: box-shadow .4s ease, transform .4s ease;
 }
 
 .leader-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 28px 55px rgba(4, 50, 98, .20);
 }
 /* IMAGE */
 
 .leader-card img {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center top;
     filter: grayscale(55%) contrast(1.02);
     transform: scale(1.01);
     transition: transform .7s cubic-bezier(.2, .8, .2, 1), filter .5s ease;
 }
 
 .leader-card:hover img {
     transform: scale(1.09);
     filter: grayscale(0%);
 }
 /* GRADIENT OVERLAY FOR LEGIBILITY */
 
 .leader-card::before {
     content: "";
     position: absolute;
     inset: 0;
     z-index: 1;
     background: linear-gradient( to top, rgba(2, 31, 61, .92) 0%, rgba(2, 31, 61, .5) 34%, rgba(2, 31, 61, 0) 62%);
 }
 /* THIN BORDER RING */
 
 .leader-card::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: 0;
     border-radius: 22px;
     border: 1px solid rgba(255, 255, 255, .12);
     pointer-events: none;
 }
 /* NUMBER BADGE */
 
 .leader-number {
     position: absolute;
     top: 18px;
     left: 18px;
     z-index: 3;
     width: 34px;
     height: 34px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background: rgba(255, 255, 255, .16);
     border: 1px solid rgba(255, 255, 255, .35);
     backdrop-filter: blur(6px);
     color: #fff;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: .3px;
 }
 /* SOCIAL ICON (REVEALS ON HOVER) */
 
 .leader-social {
     position: absolute;
     top: 18px;
     right: 18px;
     z-index: 3;
     width: 34px;
     height: 34px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background: rgba(255, 255, 255, .14);
     border: 1px solid rgba(255, 255, 255, .3);
     backdrop-filter: blur(6px);
     color: #fff;
     font-size: 13px;
     opacity: 0;
     transform: translateY(-6px);
     transition: .35s ease;
 }
 
 .leader-card:hover .leader-social {
     opacity: 1;
     transform: translateY(0);
 }
 
 .leader-social:hover {
     background: var(--gold);
     border-color: var(--gold);
     color: var(--primary);
 }
 /* CONTENT — OVERLAID ON THE IMAGE */
 
 .leader-content {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 2;
     padding: 24px 22px;
 }
 
 .leader-content h5 {
     color: #fff;
     font-size: 18px;
     font-weight: 800;
     margin: 0;
     letter-spacing: -.3px;
 }
 
 .leader-role {
     display: flex;
     align-items: center;
     gap: 8px;
     margin-top: 8px;
     color: var(--gold);
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 1px;
     text-transform: uppercase;
 }
 
 .leader-role::before {
     content: "";
     width: 16px;
     height: 2px;
     background: var(--gold);
 }
 
 .leader-tag {
     display: inline-block;
     margin-top: 14px;
     padding: 6px 12px;
     border-radius: 50px;
     background: rgba(255, 255, 255, .12);
     border: 1px solid rgba(255, 255, 255, .25);
     backdrop-filter: blur(6px);
     color: #fff;
     font-size: 9.5px;
     font-weight: 700;
     letter-spacing: .3px;
 }
 /* =========================================================
   MOBILE
========================================================= */
 
 @media (max-width: 991px) {
     .founder-section {
         padding: 70px 0;
     }
     .founder-card {
         grid-template-columns: 320px 1fr;
         min-height: 400px;
     }
     .founder-image-wrap {
         min-height: 400px;
     }
     .founder-content {
         padding: 40px;
     }
     .founder-content h4 {
         font-size: 34px;
     }
     .leader-card {
         flex-basis: calc((100% - 20px * 2) / 3);
     }
     .leadership-track {
         gap: 20px;
     }
 }
 
 @media (max-width: 820px) {
     .leader-card {
         flex-basis: calc((100% - 16px) / 2);
     }
 }
 
 @media (max-width: 767px) {
     .founder-section {
         padding: 60px 15px;
     }
     .team-group-heading {
         display: block;
         margin-bottom: 28px;
     }
     .team-group-heading h3 {
         font-size: 29px;
     }
     .team-group-heading p {
         margin-top: 12px;
     }
     .founder-card {
         display: block;
         margin-bottom: 65px;
         border-radius: 20px;
     }
     .founder-image-wrap {
         height: 360px;
         min-height: 360px;
     }
     .founder-content {
         padding: 32px 25px 35px;
     }
     .founder-content h4 {
         font-size: 31px;
     }
     .founder-content p {
         font-size: 14px;
     }
     .leadership-section {
         padding: 0 15px 70px;
     }
     .leadership-heading-right {
         flex-direction: column;
         align-items: flex-start;
         margin-top: 16px;
     }
     .slider-nav {
         margin-top: 16px;
     }
     .leadership-track {
         gap: 16px;
     }
     .leader-card {
         flex-basis: 78%;
         aspect-ratio: 3 / 4.4;
     }
     .leader-content {
         padding: 18px 16px;
     }
     .leader-content h5 {
         font-size: 15px;
     }
 }
 
 @media (max-width: 480px) {
     .navbar-brand img {
         width: 70px;
     }
     .hero-title {
         font-size: 38px;
     }
     .hero-label {
         font-size: 9px;
     }
     .advisory-image {
         height: 270px;
         min-height: 270px;
     }
     .stat-number {
         font-size: 40px;
     }
 }
 
 .hero-floating-card {
     position: absolute;
     left: 10px;
     bottom: 80px;
     display: flex;
     align-items: center;
     gap: 13px;
     padding: 15px 18px;
     background: rgba(255, 255, 255, .95);
     border: 1px solid rgba(255, 255, 255, .7);
     border-radius: 14px;
     box-shadow: var(--shadow);
     animation: floatCard 4s ease-in-out infinite;
 }
 
 .hero-floating-icon {
     width: 44px;
     height: 44px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 12px;
     background: rgba(0, 177, 165, .1);
     color: var(--teal);
     font-size: 20px;
 }
 
 .hero-floating-card strong {
     display: block;
     color: var(--primary);
     font-size: 13px;
 }
 
 .hero-floating-card small {
     color: var(--muted);
     font-size: 10px;
 }
 
 @keyframes floatCard {
     0%,
     100% {
         transform: translateY(0);
     }
     50% {
         transform: translateY(-8px);
     }
 }
 /* =========================================================
           POWERING FINTECH / STATS
        ========================================================= */
 
 .stats-section {
     position: relative;
     padding: 105px 0;
     background: var(--primary);
     overflow: hidden;
 }
 
 .stats-section::before {
     content: "";
     position: absolute;
     width: 520px;
     height: 520px;
     right: -200px;
     top: -230px;
     border-radius: 50%;
     background: rgba(0, 177, 165, .14);
 }
 
 .stats-section::after {
     content: "";
     position: absolute;
     width: 360px;
     height: 360px;
     left: -190px;
     bottom: -180px;
     border-radius: 50%;
     background: rgba(248, 187, 0, .09);
 }
 
 .stats-content {
     position: relative;
     z-index: 2;
 }
 
 .stats-section .section-label {
     color: var(--gold);
 }
 
 .stats-section .section-label::before {
     background: var(--gold);
 }
 
 .stats-section .section-title {
     color: var(--white);
     max-width: 720px;
 }
 
 .stats-section .section-title span {
     color: var(--gold);
 }
 
 .stats-section .section-description {
     color: rgba(255, 255, 255, .75);
 }
 
 .stats-layout {
     margin-top: 55px;
 }
 
 .stat-card {
     position: relative;
     height: 100%;
     padding: 32px;
     background: rgba(255, 255, 255, .07);
     border: 1px solid rgba(255, 255, 255, .11);
     border-radius: 18px;
     backdrop-filter: blur(8px);
     transition: .35s ease;
     overflow: hidden;
 }
 
 .stat-card:hover {
     transform: translateY(-7px);
     background: rgba(255, 255, 255, .1);
     border-color: rgba(248, 187, 0, .4);
 }
 
 .stat-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 55px;
     height: 3px;
     background: var(--gold);
 }
 
 .stat-number {
     color: var(--white);
     font-size: 52px;
     line-height: 1;
     font-weight: 800;
     letter-spacing: -2px;
 }
 
 .stat-number span {
     color: var(--gold);
 }
 
 .stat-card h5 {
     margin-top: 16px;
     color: var(--white);
     font-size: 16px;
     font-weight: 800;
 }
 
 .stat-card p {
     margin-top: 8px;
     color: rgba(255, 255, 255, .62);
     font-size: 13px;
     line-height: 1.7;
 }
 
 .operations-box {
     margin-top: 55px;
     padding: 25px;
     display: flex;
     align-items: center;
     gap: 25px;
     background: rgba(255, 255, 255, .06);
     border: 1px solid rgba(255, 255, 255, .1);
     border-radius: 18px;
 }
 
 .operation-item {
     flex: 1;
     display: flex;
     align-items: center;
     gap: 14px;
 }
 
 .operation-icon {
     width: 48px;
     height: 48px;
     min-width: 48px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 13px;
     font-size: 19px;
 }
 
 .operation-icon.automation {
     background: rgba(0, 177, 165, .13);
     color: var(--teal);
 }
 
 .operation-icon.compliance {
     background: rgba(248, 187, 0, .13);
     color: var(--gold);
 }
 
 .operation-icon.scale {
     background: rgba(216, 98, 98, .13);
     color: var(--coral);
 }
 
 .operation-item strong {
     color: var(--white);
     font-size: 13px;
 }
 
 .operation-item small {
     display: block;
     margin-top: 3px;
     color: rgba(255, 255, 255, .55);
     font-size: 10px;
 }
 
 .operation-divider {
     width: 1px;
     height: 40px;
     background: rgba(255, 255, 255, .12);
 }
 /* =========================================================
           IMPACT
        ========================================================= */
 
 .impact-section {
     padding: 105px 0;
     background: var(--white);
 }
 
 .impact-image {
     position: relative;
     padding-right: 35px;
 }
 
 .impact-image img {
     width: 100%;
     border-radius: 22px;
     box-shadow: var(--shadow);
 }
 
 .impact-badge {
     position: absolute;
     right: 0;
     bottom: 35px;
     padding: 18px 20px;
     background: var(--white);
     border-radius: 15px;
     box-shadow: var(--shadow);
 }
 
 .impact-badge strong {
     display: block;
     color: var(--primary);
     font-size: 26px;
     font-weight: 800;
 }
 
 .impact-badge span {
     color: var(--muted);
     font-size: 11px;
 }
 
 .impact-content {
     padding-left: 25px;
 }
 
 .impact-list {
     margin-top: 28px;
 }
 
 .impact-list-item {
     display: flex;
     gap: 14px;
     margin-bottom: 20px;
 }
 
 .impact-list-icon {
     width: 42px;
     height: 42px;
     min-width: 42px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 11px;
     background: var(--light-blue);
     color: var(--teal);
 }
 
 .impact-list-item h6 {
     color: var(--primary);
     font-size: 14px;
     font-weight: 800;
 }
 
 .impact-list-item p {
     margin-top: 4px;
     color: var(--muted);
     font-size: 12px;
     line-height: 1.7;
 }
 /* =========================================================
           SERVICES
        ========================================================= */
 
 .services-section {
     padding: 105px 0;
     background: var(--light);
 }
 
 .services-heading {
     text-align: center;
     max-width: 760px;
     margin: auto;
 }
 
 .services-heading .section-label {
     justify-content: center;
 }
 
 .service-card {
     height: 100%;
     padding: 32px;
     background: var(--white);
     border: 1px solid var(--border);
     border-radius: 18px;
     transition: .35s ease;
 }
 
 .service-card:hover {
     transform: translateY(-7px);
     border-color: rgba(0, 177, 165, .3);
     box-shadow: var(--shadow);
 }
 
 .service-number {
     color: rgba(4, 50, 98, .12);
     font-size: 13px;
     font-weight: 800;
 }
 
 .service-icon {
     width: 58px;
     height: 58px;
     margin-top: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 15px;
     background: rgba(0, 177, 165, .08);
     color: var(--teal);
     font-size: 24px;
 }
 
 .service-card h4 {
     margin-top: 22px;
     color: var(--primary);
     font-size: 18px;
     font-weight: 800;
 }
 
 .service-card p {
     margin-top: 10px;
     color: var(--muted);
     font-size: 13px;
     line-height: 1.8;
 }
 
 .service-link {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     margin-top: 18px;
     color: var(--primary);
     font-size: 12px;
     font-weight: 800;
 }
 
 .service-link i {
     color: var(--coral);
 }
 /* =========================================================
           WHY FINTECH CLOUD
        ========================================================= */
 
 .why-section {
     padding: 105px 0;
     background: var(--white);
 }
 
 .why-content {
     padding-right: 40px;
 }
 
 .why-card {
     display: flex;
     align-items: flex-start;
     gap: 18px;
     padding: 25px;
     margin-bottom: 16px;
     background: var(--light);
     border: 1px solid var(--border);
     border-radius: 16px;
     transition: .3s ease;
 }
 
 .why-card:hover {
     transform: translateX(5px);
     background: var(--white);
     box-shadow: var(--shadow-sm);
 }
 
 .why-icon {
     width: 48px;
     height: 48px;
     min-width: 48px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 12px;
     background: var(--primary);
     color: var(--gold);
     font-size: 19px;
 }
 
 .why-card h5 {
     color: var(--primary);
     font-size: 14px;
     font-weight: 800;
 }
 
 .why-card p {
     margin-top: 5px;
     color: var(--muted);
     font-size: 12px;
     line-height: 1.7;
 }
 
 .why-visual {
     position: relative;
     min-height: 500px;
     padding: 35px;
     background: linear-gradient( 145deg, var(--primary), var(--navy));
     border-radius: 25px;
     overflow: hidden;
 }
 
 .why-visual::before {
     content: "";
     position: absolute;
     width: 300px;
     height: 300px;
     right: -120px;
     top: -100px;
     border-radius: 50%;
     background: rgba(0, 177, 165, .16);
 }
 
 .why-visual::after {
     content: "";
     position: absolute;
     width: 230px;
     height: 230px;
     left: -100px;
     bottom: -100px;
     border-radius: 50%;
     background: rgba(248, 187, 0, .1);
 }
 
 .why-visual-content {
     position: relative;
     z-index: 2;
 }
 
 .why-visual-label {
     color: var(--gold);
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 2px;
 }
 
 .why-visual h3 {
     max-width: 430px;
     margin-top: 18px;
     color: var(--white);
     font-size: 34px;
     line-height: 1.2;
     font-weight: 800;
 }
 
 .why-mini-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 14px;
     margin-top: 45px;
 }
 
 .why-mini {
     padding: 20px;
     border: 1px solid rgba(255, 255, 255, .1);
     background: rgba(255, 255, 255, .05);
     border-radius: 14px;
 }
 
 .why-mini i {
     color: var(--teal);
     font-size: 20px;
 }
 
 .why-mini strong {
     display: block;
     margin-top: 12px;
     color: var(--white);
     font-size: 12px;
 }
 
 .why-mini small {
     display: block;
     margin-top: 4px;
     color: rgba(255, 255, 255, .5);
     font-size: 10px;
 }
 /* =========================================================
           OUR TEAM
        ========================================================= */
 
 .team-section {
     position: relative;
     padding: 110px 0;
     background: var(--light);
     overflow: hidden;
 }
 
 .team-section::before {
     content: "";
     position: absolute;
     width: 500px;
     height: 500px;
     right: -260px;
     top: 100px;
     border-radius: 50%;
     background: rgba(0, 177, 165, .06);
 }
 
 .team-intro {
     position: relative;
     z-index: 2;
 }
 
 .team-heading-wrap {
     display: flex;
     align-items: end;
     justify-content: space-between;
     gap: 30px;
 }
 
 .team-heading-wrap .section-description {
     margin-bottom: 0;
 }
 
 .experience-row {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 15px;
     margin-top: 40px;
 }
 
 .experience-item {
     padding: 24px;
     background: var(--white);
     border: 1px solid var(--border);
     border-radius: 16px;
     box-shadow: var(--shadow-sm);
 }
 
 .experience-item strong {
     display: block;
     color: var(--primary);
     font-size: 28px;
     font-weight: 800;
     line-height: 1;
 }
 
 .experience-item strong span {
     color: var(--coral);
 }
 
 .experience-item small {
     display: block;
     margin-top: 8px;
     color: var(--muted);
     font-size: 11px;
     font-weight: 700;
 }
 /* =========================================================
           ADVISORY BOARD
        ========================================================= */
 
 .advisory-section {
     position: relative;
     padding: 110px 0;
     background: var(--white);
     overflow: hidden;
 }
 
 .advisory-section::before {
     content: "";
     position: absolute;
     width: 550px;
     height: 550px;
     left: -300px;
     top: -230px;
     border-radius: 50%;
     background: rgba(216, 98, 98, .055);
 }
 
 .advisory-header {
     position: relative;
     z-index: 2;
     max-width: 760px;
 }
 
 .advisory-grid {
     position: relative;
     z-index: 2;
     margin-top: 55px;
 }
 
 .advisory-card {
     position: relative;
     min-height: 350px;
     display: grid;
     grid-template-columns: 230px 1fr;
     background: var(--light);
     border: 1px solid var(--border);
     border-radius: 22px;
     overflow: hidden;
     transition: .35s ease;
 }
 
 .advisory-card:hover {
     transform: translateY(-6px);
     box-shadow: var(--shadow);
 }
 
 .advisory-image {
     height: 100%;
     min-height: 350px;
     background: #e8eef4;
 }
 
 .advisory-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center top;
 }
 
 .advisory-content {
     padding: 38px 35px;
 }
 
 .advisory-index {
     color: rgba(4, 50, 98, .15);
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 1px;
 }
 
 .advisory-content h3 {
     margin-top: 22px;
     color: var(--primary);
     font-size: 23px;
     font-weight: 800;
 }
 
 .advisory-role {
     margin-top: 8px;
     color: var(--coral);
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 1px;
     text-transform: uppercase;
 }
 
 .advisory-content p {
     margin-top: 20px;
     color: var(--muted);
     font-size: 12px;
     line-height: 1.8;
 }
 
 .advisory-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-top: 20px;
 }
 
 .advisory-tag {
     padding: 7px 10px;
     border-radius: 50px;
     background: var(--white);
     border: 1px solid var(--border);
     color: var(--primary);
     font-size: 9px;
     font-weight: 800;
 }
 /* =========================================================
           CTA
        ========================================================= */
 
 .cta-section {
     padding: 90px 0;
     background: var(--light);
 }
 
 .cta-box {
     position: relative;
     overflow: hidden;
     padding: 65px;
     background: linear-gradient( 120deg, var(--primary), var(--navy));
     border-radius: 25px;
 }
 
 .cta-box::before {
     content: "";
     position: absolute;
     width: 330px;
     height: 330px;
     right: -130px;
     top: -130px;
     border-radius: 50%;
     background: rgba(0, 177, 165, .14);
 }
 
 .cta-box::after {
     content: "";
     position: absolute;
     width: 240px;
     height: 240px;
     left: -120px;
     bottom: -120px;
     border-radius: 50%;
     background: rgba(248, 187, 0, .08);
 }
 
 .cta-content {
     position: relative;
     z-index: 2;
 }
 
 .cta-content .section-label {
     color: var(--gold);
 }
 
 .cta-content .section-label::before {
     background: var(--gold);
 }
 
 .cta-content h2 {
     max-width: 700px;
     margin-top: 15px;
     color: var(--white);
     font-size: clamp(30px, 4vw, 50px);
     line-height: 1.1;
     font-weight: 800;
 }
 
 .cta-content p {
     max-width: 650px;
     margin-top: 16px;
     color: rgba(255, 255, 255, .68);
     font-size: 14px;
     line-height: 1.8;
 }
 
 .cta-actions {
     margin-top: 28px;
 }
 /* =========================================================
           CONTACT
        ========================================================= */
 
 .contact-section {
     padding: 100px 0;
     background: var(--white);
 }
 
 .contact-info {
     padding-right: 40px;
 }
 
 .contact-item {
     display: flex;
     gap: 15px;
     margin-top: 25px;
 }
 
 .contact-icon {
     width: 45px;
     height: 45px;
     min-width: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--light-blue);
     color: var(--teal);
     border-radius: 11px;
 }
 
 .contact-item strong {
     display: block;
     color: var(--primary);
     font-size: 13px;
 }
 
 .contact-item span {
     display: block;
     margin-top: 4px;
     color: var(--muted);
     font-size: 11px;
     line-height: 1.6;
 }
 
 .contact-form {
     padding: 35px;
     background: var(--light);
     border: 1px solid var(--border);
     border-radius: 20px;
 }
 
 .form-label {
     color: var(--primary);
     font-size: 11px;
     font-weight: 800;
 }
 
 .form-control {
     height: 50px;
     margin-top: 7px;
     border: 1px solid var(--border);
     border-radius: 8px;
     font-size: 12px;
     box-shadow: none !important;
 }
 
 textarea.form-control {
     height: 120px;
     resize: none;
 }
 
 .form-control:focus {
     border-color: var(--teal);
 }
 /* =========================================================
           FOOTER
        ========================================================= */
 
 .footer {
     padding: 70px 0 25px;
     background: #021f3d;
     color: rgba(255, 255, 255, .65);
 }
 
 .footer-logo {
     width: 120px;
     filter: brightness(0) invert(1);
 }
 
 .footer-text {
     max-width: 330px;
     margin-top: 18px;
     font-size: 12px;
     line-height: 1.8;
 }
 
 .footer-title {
     margin-bottom: 18px;
     color: var(--white);
     font-size: 13px;
     font-weight: 800;
 }
 
 .footer-links {
     list-style: none;
     padding: 0;
     margin: 0;
 }
 
 .footer-links li {
     margin-bottom: 10px;
 }
 
 .footer-links a {
     color: rgba(255, 255, 255, .58);
     font-size: 14px;
     transition: .3s;
 }
 
 .footer-links a:hover {
     color: var(--gold);
 }
 
 .footer-socials {
     display: flex;
     gap: 8px;
 }
 
 .footer-social {
     width: 35px;
     height: 35px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid rgba(255, 255, 255, .12);
     border-radius: 8px;
     color: var(--white);
     font-size: 13px;
     transition: .3s;
 }
 
 .footer-social:hover {
     background: var(--gold);
     border-color: var(--gold);
     color: var(--primary);
 }
 
 .footer-bottom {
     margin-top: 50px;
     padding-top: 20px;
     border-top: 1px solid rgba(255, 255, 255, .08);
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 15px;
 }
 
 .footer-bottom p {
     margin: 0;
     font-size: 14px;
 }
 /* =========================================================
           REVEAL ANIMATION
        ========================================================= */
 
 .reveal {
     opacity: 0;
     transform: translateY(25px);
     transition: opacity .7s ease, transform .7s ease;
 }
 
 .reveal.active {
     opacity: 1;
     transform: translateY(0);
 }
 /* =========================================================
           RESPONSIVE
        ========================================================= */
 
 @media (max-width: 1199px) {
     .container {
         max-width: 94%;
     }
     .hero-section {
         min-height: 650px;
     }
     .hero-title {
         font-size: 58px;
     }
     .advisory-card {
         grid-template-columns: 200px 1fr;
     }
 }
 
 @media (max-width: 991px) {
     .section-space,
     .stats-section,
     .impact-section,
     .services-section,
     .why-section,
     .team-section,
     .advisory-section,
     .contact-section {
         padding: 75px 0;
     }
     .navbar {
         padding: 15px 0;
     }
     .navbar-collapse {
         margin-top: 15px;
         padding: 15px;
         background: var(--white);
         border-radius: 12px;
         box-shadow: var(--shadow);
     }
     .navbar-nav .nav-link {
         font-size: 14px;
         padding: 10px 12px !important;
     }
     .header-btn {
         margin: 10px 0 0;
     }
     .hero-section {
         min-height: auto;
         padding-bottom: 70px;
     }
     .hero-content {
         padding-top: 150px;
     }
     .hero-image-wrap {
         padding-top: 50px;
     }
     .hero-image {
         margin: auto;
         max-width: 480px;
     }
     .hero-floating-card {
         left: 5%;
         bottom: 20px;
     }
     .operations-box {
         flex-wrap: wrap;
     }
     .operation-item {
         flex: 0 0 calc(50% - 15px);
     }
     .operation-divider {
         display: none;
     }
     .impact-content {
         padding-left: 0;
         margin-top: 45px;
     }
     .why-content {
         padding-right: 0;
         margin-bottom: 40px;
     }
     .team-heading-wrap {
         display: block;
     }
     .team-heading-wrap .section-description {
         margin-top: 20px;
     }
     .experience-row {
         grid-template-columns: repeat(3, 1fr);
     }
     .advisory-card {
         grid-template-columns: 180px 1fr;
     }
 }
 
 @media (max-width: 767px) {
     .container {
         max-width: 92%;
     }
     .section-title {
         font-size: 34px;
         letter-spacing: -1px;
     }
     .section-description {
         font-size: 14px;
     }
     .hero-content {
         padding-top: 130px;
     }
     .hero-title {
         font-size: 43px;
         letter-spacing: -1.8px;
     }
     .hero-text {
         font-size: 14px;
     }
     .hero-actions {
         display: grid;
         grid-template-columns: 1fr;
     }
     .hero-actions a {
         width: 100%;
     }
     .hero-floating-card {
         position: relative;
         left: auto;
         bottom: auto;
         width: max-content;
         max-width: 90%;
         margin: 15px auto 0;
     }
     .experience-row {
         grid-template-columns: 1fr;
     }
     .experience-item {
         display: flex;
         align-items: center;
         gap: 15px;
     }
     .experience-item strong {
         min-width: 75px;
     }
     .stat-card {
         padding: 25px;
     }
     .stat-number {
         font-size: 44px;
     }
     .operations-box {
         padding: 18px;
     }
     .operation-item {
         flex: 0 0 100%;
     }
     .why-visual {
         min-height: auto;
         padding: 28px;
     }
     .why-visual h3 {
         font-size: 27px;
     }
     .why-mini-grid {
         grid-template-columns: 1fr;
     }
     .advisory-card {
         display: block;
     }
     .advisory-image {
         height: 300px;
         min-height: 300px;
     }
     .advisory-content {
         padding: 28px;
     }
     .cta-box {
         padding: 40px 25px;
     }
     .contact-info {
         padding-right: 0;
         margin-bottom: 40px;
     }
     .contact-form {
         padding: 25px 20px;
     }
     .footer-bottom {
         display: block;
     }
     .footer-bottom p+p {
         margin-top: 8px;
     }
 }