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

   body {
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
       color: #1a1a1a;
       line-height: 1.6;
       background: #f1f1f2;
   }

   /* Navigation */
   nav {
       background: white;
       padding: 20px 40px;
       display: flex;
       justify-content: space-between;
       align-items: center;
       border-bottom: 1px solid #e5e5e5;
       position: sticky;
       top: 0;
       z-index: 100;
   }

   .logo {
       font-size: 18px;
       font-weight: 700;
       color: #1a1a1a;
   }

   .nav-menu {
       display: flex;
       gap: 30px;
       list-style: none;
       align-items: center;
   }

   .nav-menu a {
       text-decoration: none;
       color: #666;
       font-size: 14px;
       font-weight: 500;
   }

   .nav-menu a:hover {
       color: #1a1a1a;
   }

   .nav-right {
       display: flex;
       gap: 15px;
       align-items: center;
   }

   .btn {
       padding: 10px 20px;
       border-radius: 6px;
       text-decoration: none;
       font-size: 14px;
       font-weight: 600;
       cursor: pointer;
       border: none;
       transition: all 0.2s;
   }

   .btn-login {
       background: transparent;
       color: #1a1a1a;
   }

   .btn-primary {
       background: #0EA5E9;
       color: white;
   }

   .btn-primary:hover {
       background: #0284C7;
   }

   /* Hero - Left Aligned */
   .hero {
       text-align: left;
       padding: 100px 20px 60px;
       background: #f1f1f2;
       max-width: 1200px;
       margin: 0 auto;
   }

   .hero h1 {
       font-size: 56px;
       font-weight: 700;
       margin-bottom: 16px;
       color: #1a1a1a;
   }

   .hero-subtitle {
       font-size: 18px;
       color: #666;
   }

   /* Leadership Grid */
   .leadership-section {
       max-width: 1200px;
       margin: 0 auto;
       padding: 40px 20px 80px;
   }

   .team-grid {
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
       gap: 10px;
       margin-bottom: 80px;
   }

   .team-card {
       background: white;
       border-radius: 10px;
       overflow: hidden;
       cursor: pointer;
       transition: transform 0.3s ease, box-shadow 0.3s ease;
       position: relative;
       margin-bottom: 20px;
   }

   .team-card:hover {
       transform: translateY(-4px);
       box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
   }

   .team-photo {
       width: 100%;
       height: 222px;
       object-fit: cover;
       background: #e5e5e5;
   }

   .team-info {
       padding: 4px 20px;
   }

   .team-name {
       font-size: 16px;
       font-weight: 600;
       margin-bottom: -4px;
       color: #1a1a1a;
   }

   .team-role {
       font-size: 15px;
       color: #666;
       margin-bottom: 16px;
   }

   .team-badge {
       display: inline-block;
       margin-top: 8px;
   }

   .team-badge img {
       height: 20px;
       opacity: 0.6;
   }

   /* Board Section - Left Aligned */
   .board-section {
       background: white;
       padding: 80px 20px;
       margin-top: 60px;
   }

   .section-title {
       text-align: left;
       font-size: 42px;
       font-weight: 700;
       margin-bottom: 60px;
       color: #1a1a1a;
       max-width: 1200px;
       margin-left: auto;
       margin-right: auto;
       padding: 0 20px;
       margin-bottom: 60px;
   }

   .board-grid {
       max-width: 1150px;
       margin: 0 auto;
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
       gap: 24px;
   }

   .board-card {
       text-align: center;
       cursor: pointer;
       transition: transform 0.2s;
       position: relative;
   }

   .board-card:hover {
       transform: translateY(-4px);
   }

   .board-photo {
       width: 215px;
       height: 370px;
       border-radius: 6%;
       object-fit: cover;
       margin: 0 auto;
       background: #e5e5e5;
   }

   /* Overlay text on board images */
   .board-overlay {
       position: absolute;
       bottom: 20px;
       left: 50%;
       transform: translateX(-50%);
       text-align: center;
       width: 90%;
       /* background: rgba(255, 255, 255, 0.95); */
       padding: 12px;
       border-radius: 8px;
       /* backdrop-filter: blur(10px); */
   }

   .board-name {
       font-size: 16px;
       font-weight: 600;
       margin-bottom: 4px;
       color: #ffff;
   }

   .board-company {
       font-size: 14px;
       color: #d0d1d2;
   }

   /* Testimonials Slider */
   .testimonials-section {
       max-width: 1200px;
       margin: 80px auto;
       padding: 0 20px;
       position: relative;
   }

   .testimonial-slider {
       overflow: hidden;
       position: relative;
   }

   .testimonial-track {
       display: flex;
       transition: transform 0.5s ease;
   }

   .testimonial-slide {
       min-width: 100%;
       flex-shrink: 0;
   }

   .testimonial-card {
       /* background: white; */
       /* border-radius: 16px; */
       /* border: 1px solid #e5e5e5; */
       padding: 48px;
       max-width: 800px;
       margin: 0 auto;
       text-align: center;
   }

   .testimonial-quote {
       font-size: 50px;
       font-weight: 700;
       line-height: 1.5;
       margin-bottom: 24px;
       color: #1a1a1a;
   }

   .testimonial-author {
       font-size: 15px;
       font-weight: 600;
       color: #1a1a1a;
   }

   .testimonial-title {
       font-size: 14px;
       color: #1a1a1a;
   }

   .slider-dots {
       display: flex;
       justify-content: center;
       gap: 10px;
       margin-top: 30px;
   }

   .dot {
       width: 10px;
       height: 10px;
       border-radius: 50%;
       background: #d1d5db;
       cursor: pointer;
       transition: all 0.3s;
   }

   .dot.active {
       background: #000;
       width: 24px;
       border-radius: 5px;
   }

   /* Investors Section - Left Aligned */
   .investors-section {
       background: white;
       padding: 80px 20px;
   }

   .investors-section .section-title {
       background: white;
   }

   .investors-grid {
       max-width: 1210px;
       margin: 0 auto 60px;
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   }

   .investor-card {
       text-align: center;
   }

   .investor-photo {
       width: 128px;
       height: 152px;
       border-radius: 10%;
       object-fit: cover;
       margin: 0 auto 12px;
       background: #e5e5e5;
   }

   .investor-name {
       font-size: 14px;
       font-weight: 600;
       margin-bottom: 4px;
       color: #1a1a1a;
   }

   .investor-company {
       font-size: 12px;
       color: #666;
   }

   /* Companies Section with Auto Scroll */
   .companies-section {
       display: flex;
       max-width: 1440px;
       margin: auto;
   }

   .companies-subtitle {
       text-align: center;
       font-size: 16px;
       color: #666;
       margin-bottom: 40px;
       width: -webkit-fill-available;
   }

   .companies-slider {
       overflow: hidden;
       position: relative;
       max-width: 1200px;
       margin: 0 auto;
   }

   .companies-track {
       display: flex;
       animation: scroll 20s linear infinite;
       width: fit-content;
   }

   .companies-track:hover {
       animation-play-state: paused;
   }

   .company-logo {
       height: 28px;
       margin: 0 40px;
       opacity: 0.5;
       transition: opacity 0.3s;
       flex-shrink: 0;
   }

   .company-logo:hover {
       opacity: 0.8;
   }

   @keyframes scroll {
       0% {
           transform: translateX(0);
       }

       100% {
           transform: translateX(-50%);
       }
   }

   /* CTA Section */
   .cta-section {
       background: #0EA5E9;
       padding: 80px 20px;
       text-align: center;
       margin-top: 80px;
   }

   .cta-section h2 {
       font-size: 42px;
       font-weight: 700;
       color: white;
       margin-bottom: 32px;
   }

   .cta-section .btn-primary {
       background: #1a1a1a;
       color: white;
       padding: 14px 32px;
       font-size: 16px;
   }

   .cta-section .btn-primary:hover {
       background: #000;
   }

   /* Footer */
   footer {
       background: #1a1a1a;
       color: white;
       padding: 60px 20px 30px;
   }

   .footer-content {
       max-width: 1200px;
       margin: 0 auto;
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 40px;
       margin-bottom: 40px;
   }

   .footer-col h4 {
       font-size: 14px;
       font-weight: 600;
       margin-bottom: 16px;
       color: #0EA5E9;
   }

   .footer-col ul {
       list-style: none;
   }

   .footer-col li {
       margin-bottom: 10px;
   }

   .footer-col a {
       color: #999;
       text-decoration: none;
       font-size: 14px;
   }

   .footer-col a:hover {
       color: white;
   }

   .footer-bottom {
       max-width: 1200px;
       margin: 0 auto;
       padding-top: 30px;
       border-top: 1px solid #333;
       text-align: center;
       font-size: 13px;
       color: #666;
   }

   .footer-bottom-links {
       display: flex;
       justify-content: center;
       gap: 20px;
       margin-top: 15px;
       flex-wrap: wrap;
   }

   .footer-bottom-links a {
       color: #666;
       text-decoration: none;
   }

   /* Modal */
   .modal {
       display: none;
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.8);
       z-index: 1000;
       align-items: center;
       justify-content: center;
       padding: 20px;
   }

   .modal.active {
       display: flex;
   }

   .modal-content {
       background: white;
       border-radius: 20px;
       max-width: 700px;
       width: 100%;
       max-height: 90vh;
       overflow-y: auto;
       position: relative;
   }

   .modal-header {
       display: grid;
       grid-template-columns: 200px 1fr;
       gap: 32px;
       padding: 40px;
       border-bottom: 1px solid #e5e5e5;
   }

   .modal-photo {
       width: 100%;
       border-radius: 12px;
   }

   .modal-info h2 {
       font-size: 28px;
       margin-bottom: 8px;
   }

   .modal-info p {
       font-size: 16px;
       color: #666;
   }

   .modal-body {
       padding: 40px;
   }

   .modal-body p {
       font-size: 16px;
       line-height: 1.7;
       color: #444;
   }

   .modal-close {
       position: absolute;
       top: 20px;
       right: 20px;
       background: #f5f5f5;
       border: none;
       width: 36px;
       height: 36px;
       border-radius: 50%;
       cursor: pointer;
       font-size: 20px;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: background 0.2s;
   }

   .modal-close:hover {
       background: #e5e5e5;
   }

   /* Responsive */
   @media (max-width: 768px) {
       .nav-menu {
           display: none;
       }

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

       .section-title {
           font-size: 32px;
       }

       .team-grid {
           grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
       }

       .board-grid {
           grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
       }

       .footer-content {
           grid-template-columns: repeat(2, 1fr);
       }

       .modal-header {
           grid-template-columns: 1fr;
       }

       .testimonial-quote {
           font-size: 20px;
       }
   }

   @media (max-width: 480px) {
       .footer-content {
           grid-template-columns: 1fr;
       }
   }

   .leader-hero_logos-box {
       justify-content: flex-start;
       align-items: center;
       display: flex;
   }

   translateX animation {
       transform: translateX(0px);
   }

   [data-css-marquee-list] {
       animation: translateX 30s linear;
       animation-iteration-count: infinite;
       animation-play-state: paused;
   }

   .leader-hero_logos-row {
       display: flex;
   }

   .leader-hero_logo-svg {
       justify-content: center;
       align-items: center;
       height: 2.2rem;
       margin-right: 3.2rem;
       display: flex;
   }