<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Sakura Insight Consulting | Empowering Change Through People-Centered Solutions</title>
  <meta name="description" content="Enroll in transformative leadership, soft skills, and automation adaptation courses at Sakura Insight Consulting. Drive change, cultivate engagement, and future-proof your organization.">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
  <meta name="language" content="en">
  <!-- Open Graph Tags -->
  <meta property="og:title" content="Sakura Insight Consulting | Empowering Change Through People-Centered Solutions">
  <meta property="og:description" content="Enroll in transformative leadership, soft skills, and automation adaptation courses at Sakura Insight Consulting. Drive change, cultivate engagement, and future-proof your organization.">
  <meta property="og:type" content="website">
  <meta property="og:image" content="images/sakura-insight-logo-main.jpeg">
  <meta property="og:url" content="https://sakuratinsight.jp/">
  <!-- Schema.org Organization Markup -->
  <script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Sakura Insight Consulting",
    "logo": "https://sakuratinsight.jp/images/sakura-insight-logo-main.jpeg",
    "url": "https://sakuratinsight.jp/",
    "contactPoint": {
      "@type": "ContactPoint",
      "telephone": "+81 3 4550 7892",
      "contactType": "customer service",
      "areaServed": "JP"
    }
  }
  </script>
  <!-- Schema.org Course Markup -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"Course",
    "name":"Leadership Excellence for Modern Managers",
    "provider":{
        "@type":"Organization",
        "name":"Sakura Insight Consulting",
        "sameAs":"https://sakuratinsight.jp/"
    }
  }
  </script>
  <!-- Bootstrap 5.3.2 CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Montserrat:700,800|Lato:400,700&display=swap" rel="stylesheet">
  <!-- Font Awesome Icons -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
  <style>
    :root {
      --primary: #2B6CB0;
      --secondary: #EB7A59;
      --accent: #FAF3E5;
      --success: #52B788;
      --text-dark: #212121;
      --text-light: #FAFAFA;
      --background: #F9FBFD;
      --neutral: #CED6E0;
      --gradient-main: linear-gradient(45deg, #2B6CB0 5%, #EB7A59 85%);
      --gradient-accent: radial-gradient(circle at 80% 10%, #EB7A59 20%, #2B6CB0 70%);
      --sakura-petal: url('images/sakura-background-petals.jpeg');
      --heading-font: 'Montserrat', Arial, sans-serif;
      --body-font: 'Lato', Arial, sans-serif;
    }
    html, body {
      background: var(--background);
      color: var(--text-dark);
      font-family: var(--body-font);
      scroll-behavior: smooth;
      min-height: 100%;
    }
    h1, h2, h3, h4, h5, h6 {
      font-family: var(--heading-font);
      font-weight: 800;
      letter-spacing: 1px;
      color: var(--primary);
      text-shadow: 0 3px 8px rgba(43,108,176,0.075);
    }
    h1.hero-title {
      font-size: 2.3rem;
      color: var(--primary);
      text-shadow: 0 8px 32px rgba(43,108,176,0.16);
    }
    .hero-gradient-bg {
      background: var(--gradient-main), var(--sakura-petal);
      background-size: cover, 320px;
      background-repeat: repeat, repeat;
      position: relative;
      z-index: 1;
      border-bottom-left-radius: 120px 32px;
      border-bottom-right-radius: 280px 56px;
    }
    .sakura-float {
      background: var(--gradient-accent);
      border-radius: 50% 48% 56% 51%;
      opacity: .11;
      filter: blur(12px);
      position: absolute;
      pointer-events: none;
      z-index: 0;
      top: -96px;
      left: 16vw;
      width: 544px;
      height: 256px;
      animation: floatbubble 12s infinite alternate ease-in-out;
    }
    @keyframes floatbubble {
      0% { transform: translateY(0) scale(1); }
      100% { transform: translateY(24px) scale(1.04);}
    }
    /* Decorative Sakura Particles */
    .petal {
      position: absolute;
      width: 40px;
      height: 40px;
      pointer-events: none;
      z-index: 3;
      opacity: .25;
      background: url('images/sakura-falling-petal.jpeg') center/cover no-repeat;
      animation: petalfall 7s linear infinite;
    }
    @keyframes petalfall {
      0% {
        transform: translateY(-50px) rotate(0deg);
        opacity: 0.45;
      }
      50% {opacity: 0.65;}
      100% {
        transform: translateY(700px) rotate(220deg);
        opacity: 0;
      }
    }
    /* Navigation */
    .navbar {
      background: #fff !important;
      box-shadow: 0 2.5px 11px 0 rgba(43,108,176,0.050);
      font-family: var(--heading-font);
      letter-spacing: 0.9px;
    }
    .navbar .nav-link, .navbar-brand {
      font-size: 1rem;
      color: var(--primary) !important;
      transition: color 0.21s cubic-bezier(.3,.7,.4,1);
    }
    .navbar .nav-link.active, .navbar .nav-link:focus, .navbar .nav-link:hover {
      color: var(--secondary) !important;
      text-decoration: underline;
      text-underline-offset: 7px;
    }
    .navbar .navbar-brand img {
      box-shadow: 0 12px 48px 0 rgba(43,108,176,0.065);
      border-radius: 50%;
    }
    /* Button Styles */
    .btn-primary, .btn-success {
      background: var(--primary);
      border: none;
      color: #fff;
      box-shadow: 0 2.5px 16px -4px rgba(43,108,176,0.12);
      transition: background .21s cubic-bezier(0.33, 0, 0.67, 1), box-shadow .21s;
    }
    .btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus {
      background: var(--secondary);
      color: #fff;
      box-shadow: 0 8px 32px -7px rgba(235,122,89,0.23);
    }
    .btn-outline-secondary {
      border-color: var(--secondary);
      background: transparent;
      color: var(--secondary) !important;
    }
    .btn-outline-secondary:hover,
    .btn-outline-secondary:focus {
      background: var(--secondary);
      color: #fff !important;
    }
    .btn-secondary {
      background: var(--secondary);
      border: none;
      color: #fff;
    }
    .btn-secondary:hover, .btn-secondary:focus {
      background: var(--primary);
      color: #fff;
    }
    /* Header/Logo */
    @media (max-width: 576px) {
      .navbar-brand img {
        width: 96px !important;
        height: 96px !important;
      }
    }
    @media (min-width: 577px) {
      .navbar-brand img {
        width: 128px !important;
        height: 128px !important;
      }
    }
    /* Asymmetric, overlapped About layout */
    .about-section {
      position: relative;
      overflow: hidden;
      background: var(--accent);
      min-height: 480px;
      border-top-right-radius: 128px 28px;
      border-bottom-left-radius: 240px 36px;
      padding-bottom: 72px;
    }
    .about-section .about-image {
      border-radius: 19% 34% 21% 65%;
      box-shadow: 0 23px 64px 0 rgba(43,108,176,0.16), 0 1.5px 6px #eb7a5944;
    }
    .about-stat-card {
      background: #fff;
      border-radius: 1rem;
      box-shadow: 0 2.5px 24px 0 rgba(43,108,176,0.08);
      color: var(--primary);
      font-family: var(--heading-font);
      padding: 22px 32px;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 8px auto;
      min-width: 120px;
      min-height: 100px;
    }
    .stats-wrap {
      gap: 12px;
      margin-top: 30px;
      margin-bottom: 6px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap;
    }
    @media (max-width: 576px) {
      .about-section {
        padding-bottom: 16px;
        padding-top: 30px;
      }
      .about-image {
        margin-bottom: 30px;
      }
      .stats-wrap {
        flex-direction: column !important;
        gap: 7px;
      }
    }
    /* Courses Section Grid */
    .course-card {
      background: #fff;
      box-shadow: 0 2.5px 18px 0 rgba(43,108,176,0.07);
      border-radius: 1.5rem;
      transition: transform 0.31s cubic-bezier(.35,.7,.4,1), box-shadow .21s;
      overflow: hidden;
      margin-bottom: 32px;
      position: relative;
    }
    .course-card:hover {
      transform: perspective(780px) rotateY(-4deg) scale(1.015);
      box-shadow: 0 18px 44px 0 rgba(235,122,89,0.14), 0 3px 5px 0 rgba(43,108,176,0.11);
      z-index: 3;
    }
    .course-card .card-img-top {
      border-top-left-radius: 1.5rem;
      border-top-right-radius: 1.5rem;
      min-height: 160px;
      object-fit: cover;
    }
    /* Timeline steps (Process) */
    .process-section {
      background: #fff;
      background-image: var(--sakura-petal);
      background-repeat: no-repeat;
      background-position: left top;
      border-top-left-radius: 72px 32px;
      border-bottom-right-radius: 144px 32px;
      padding-bottom: 36px;
      position: relative;
      z-index: 2;
    }
    .timeline-horizontal {
      display: flex;
      flex-direction: row;
      gap: 40px;
      justify-content: center;
      align-items: flex-start;
      margin-top: 24px;
      flex-wrap: wrap;
    }
    .timeline-step {
      background: var(--accent);
      border-radius: 30px 18px 28px 22px;
      box-shadow: 0 5px 24px 0 rgba(43,108,176,0.08);
      padding: 32px 20px 14px 20px;
      width: 222px;
      position: relative;
      text-align: center;
      margin-bottom: 22px;
      transition: transform 0.18s;
    }
    .timeline-step img {
      border-radius: 20%;
      margin-bottom: 14px;
      width: 96px;
      height: 72px;
      object-fit: cover;
    }
    .timeline-step::before {
      content:"";
      display: block;
      position: absolute;
      left: -26px;
      top: 50%;
      width: 21px;
      height: 5px;
      background: var(--primary);
      opacity: 0.26;
      border-radius: 8px;
      transform: translateY(-50%);
    }
    .timeline-step:first-child::before {
      content:none;
    }
    @media (max-width: 767px) {
      .timeline-horizontal {
        flex-direction: column;
        gap: 12px;
      }
      .timeline-step {
        width: 90vw;
        max-width: 352px;
        margin: 0 auto 18px;
      }
      .timeline-step::before{display:none;}
    }
    /* Benefits Features */
    .feature-card {
      background: var(--accent);
      border-radius: 30px 21px 32px 16px;
      box-shadow: 0 1.5px 8px 0 rgba(43,108,176,0.10);
      min-height: 120px;
      padding: 28px 18px;
      margin-bottom: 24px;
      text-align: center;
      transition: box-shadow .22s, transform .16s;
    }
    .feature-card:hover,
    .feature-card:focus-within {
      box-shadow: 0 10px 34px -9px rgba(235,122,89,0.13);
      transform: scale(1.025);
    }
    /* Testimonials Carousel */
    .carousel-testimonial .carousel-item {
      transition: opacity .6s cubic-bezier(.53,.24,.56,.86);
      min-height: 270px;
    }
    .testimonial-card {
      background: #fff;
      box-shadow: 0 2.5px 16px 0 rgba(43,108,176,0.09);
      border-radius: 0.95rem;
      padding: 36px 26px 28px 26px;
      margin: 10px;
      min-height: 200px;
      text-align: center;
      position: relative;
    }
    .testimonial-card .avatar {
      width: 96px;
      height: 96px;
      border-radius: 50%;
      margin-bottom: 14px;
      object-fit: cover;
      border: 4px solid var(--secondary);
      box-shadow: 0 3px 12px 0 rgba(235,122,89,0.15);
    }
    .testimonial-card .star-rating {
      color: #FFD700;
      font-size: 1.25rem;
      margin-top: 8px;
    }
    /* Team Grid */
    .team-card {
      background: #fff;
      box-shadow: 0 2.5px 14px 0 rgba(43,108,176,0.08);
      border-radius: 2rem;
      margin-bottom: 32px;
      text-align: center;
      position: relative;
      padding: 38px 14px 28px 14px;
      transition: transform .17s cubic-bezier(.5,.42,.45,1), box-shadow .15s;
    }
    .team-card:hover {
      transform: translateY(-7px) scale(1.018);
      box-shadow: 0 14px 36px -6px rgba(235,122,89,0.13);
      z-index: 2;
    }
    .team-card .team-photo {
      object-fit: cover;
      border-radius: 50%;
      box-shadow: 0 3px 18px 0 rgba(235,122,89,0.12), 0 1px 3px #2b6cb00d;
      margin-bottom: 18px;
      width: 140px;
      height: 140px;
      border: 5px solid var(--accent);
    }
    .team-social {
      margin-top: 11px;
    }
    .team-social a {
      color: var(--secondary);
      margin: 0 9px;
      font-size: 1.6rem;
      transition: color .14s;
    }
    .team-social a:hover, .team-social a:focus {
      color: var(--primary);
    }
    /* FAQ Accordion */
    .accordion-item {
      border-radius: 20px !important;
      border: none !important;
      margin-bottom: 19px;
      transition: box-shadow .16s;
      box-shadow: 0 1.5px 7px 0 rgba(43,108,176,0.07);
      background: #fff;
    }
    .accordion-button {
      background: var(--accent);
      font-family: var(--heading-font);
      color: var(--primary);
      border-radius: 20px !important;
      font-size: 1.07rem;
    }
    .accordion-button:not(.collapsed) {
      background: var(--secondary);
      color: #fff;
      font-weight: bold;
      border-radius: 20px 20px 0 0 !important;
      box-shadow: 0 4px 12px 0 rgba(235,122,89,0.13);
    }
    /* Contact Section */
    .contact-section {
      background: #fff;
      border-top-left-radius: 96px 24px;
      border-bottom-right-radius: 120px 21px;
      box-shadow: 0 2.5px 16px 0 rgba(43,108,176,0.06);
      padding: 44px 0 52px 0;
      position: relative;
      min-height: 540px;
      margin-bottom: 0;
    }
    .contact-method {
      display: flex;
      align-items: center;
      margin-bottom: 12px;
      gap: 13px;
      font-size: 1.12rem;
      color: var(--primary);
    }
    .contact-method i {
      font-size: 1.25rem;
      color: var(--secondary);
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    /* Footer */
    .footer-main {
      width: 100%;
      background: var(--accent);
      border-top: 2.5px solid var(--secondary);
      padding: 33px 0 12px 0;
      color: var(--primary);
      font-family: var(--heading-font);
      position: relative;
      z-index: 11;
    }
    .footer-logo-img {
      width: 64px;
      height: 64px;
      border-radius: 18px;
      object-fit: cover;
      margin-right: 16px;
    }
    .footer-social img {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      margin: 0 7px;
      transition: box-shadow .16s;
      box-shadow: 0 1px 6px 0 rgba(43,108,176,0.07);
      background: #fff;
    }
    .footer-social img:hover, .footer-social img:focus { box-shadow: 0 3px 12px 0 rgba(43,108,176,0.18);}
    .footer-links .footer-link {
      color: var(--secondary);
      margin-right: 20px;
      font-size: 1rem;
      transition: color .16s;
      text-decoration: none;
    }
    .footer-links .footer-link:hover, .footer-links .footer-link:focus {
      color: var(--primary);
      text-decoration: underline;
      text-underline-offset: 5px;
    }
    .footer-main input[type=email] {
      border-radius: 18px;
      border: 1.5px solid var(--neutral);
      margin-right: 5px;
      padding: 6px 13px;
      min-width: 166px;
    }
    /* Newsletter subscribe button */
    .newsletter-btn {
      background: var(--secondary);
      color: #fff;
      border: none;
      border-radius: 20px;
      padding: 7px 17px;
      font-size: 1rem;
      transition: background .14s;
    }
    .newsletter-btn:hover, .newsletter-btn:focus {
      background: var(--primary);
    }
    /* Cookie Consent Banner */
    #cookieConsentBanner {
      display: none;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100vw;
      min-height: 61px;
      background: #fff;
      box-shadow: 0 -2px 24px 0 rgba(43,108,176,0.08);
      border-top: 2.5px solid var(--secondary);
      z-index: 10000;
      padding: 17px 0 15px 0;
      color: var(--primary);
      font-family: var(--body-font);
      font-size: 1.1rem;
      letter-spacing: 0.5px;
      text-align: center;
    }
    #cookieConsentBanner button {
      margin-left: 24px;
      min-width: 91px;
      min-height: 44px;
      font-size: 1rem;
      border-radius: 29px;
      border: none;
      background: var(--primary);
      color: #fff;
      padding: 8px 18px;
      font-weight: bold;
      box-shadow: 0 3px 8px #2b6cb01f;
      transition: background .15s;
    }
    #cookieConsentBanner button:hover, #cookieConsentBanner button:focus {
      background: var(--secondary);
      color: #fff;
    }
    /* Back To Top Button */
    #backToTopBtn {
      position: fixed;
      right: 32px;
      bottom: 98px;
      z-index: 990;
      width: 64px;
      height: 64px;
      background: var(--primary);
      border-radius: 50%;
      box-shadow: 0 8px 36px 0 rgba(43,108,176,0.23), 0 2px 5px #eb7a591a;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background .20s, opacity .18s;
      opacity: 0;
      pointer-events: none;
      border: none;
    }
    #backToTopBtn img {
      width: 40px !important;
      height: 40px !important;
      filter: drop-shadow(0 3px 12px #fff7);
    }
    #backToTopBtn.visible {
      opacity: 1;
      pointer-events: all;
    }
    #backToTopBtn:focus, #backToTopBtn:hover {
      background: var(--secondary);
    }
    /* Accessibility: Skip Nav Link */
    .skip-nav {
      position: absolute;
      top: 0; left: 0;
      z-index: 1020;
      background: #fff;
      color: #212121;
      padding: 10px 32px 10px 19px;
      border-radius: 13px;
      font-family: var(--heading-font);
      font-weight: 600;
      font-size: 1.1rem;
      transform: translateY(-100%);
      transition: transform .2s;
      outline: 2.5px solid var(--primary);
    }
    .skip-nav:focus {
      transform: translateY(0);
      color: var(--secondary);
      outline: 3px solid var(--secondary);
    }
    /* Miscellaneous */
    .focus-outline:focus {
      box-shadow: 0 0 4px 1px var(--secondary) !important;
      outline: 3px solid var(--secondary) !important;
    }
    @media (max-width: 576px) {
      #backToTopBtn {
        right: 13px;
        bottom: 84px;
        width: 48px; height: 48px;
      }
      #backToTopBtn img { width: 32px !important; height: 32px !important;}
      .footer-main .row > div {
        margin-bottom: 22px;
      }
    }
    /* Parallax hover effect for gallery images */
    .parallax-gallery:hover img, .parallax-gallery:focus img {
      transform: scale(1.045) translateY(-4px);
      box-shadow: 0 9px 33px 0 rgba(235,122,89,0.17);
      transition: transform .23s, box-shadow .16s;
    }
  </style>
</head>
<body>
  <a href="#hero" class="skip-nav" tabindex="1" aria-label="Skip to main content">Skip to main content</a>
  <!-- Navigation Bar -->
  <nav class="navbar navbar-expand-md sticky-top px-2 py-1" role="navigation" aria-label="Main site menu">
    <div class="container-lg">
      <a class="navbar-brand d-flex align-items-center" href="#hero" title="Sakura Insight Consulting home">
        <img src="images/sakura-insight-logo-main.jpeg" alt="Sakura Insight Consulting company logo" width="160" height="160" class="d-inline-block align-top" style="background:#fff;">
        <span class="ms-2 d-none d-sm-inline fw-bold" style="color:var(--primary); font-family: var(--heading-font); font-size:1.35rem;">Sakura Insight</span>
      </a>
      <button class="navbar-toggler focus-outline" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle main menu">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse justify-content-end" id="mainNavbar">
        <ul class="navbar-nav">
          <li class="nav-item"><a class="nav-link active" href="#hero" aria-label="Go to top of page">Home</a></li>
          <li class="nav-item"><a class="nav-link" href="#about" aria-label="About Sakura Insight Consulting">About</a></li>
          <li class="nav-item"><a class="nav-link" href="#courses" aria-label="Available training courses">Courses</a></li>
          <li class="nav-item"><a class="nav-link" href="#process" aria-label="Our consulting approach">Approach</a></li>
          <li class="nav-item"><a class="nav-link" href="#benefits" aria-label="Why choose us">Why Sakura?</a></li>
          <li class="nav-item"><a class="nav-link" href="#testimonials" aria-label="Testimonials">Testimonials</a></li>
          <li class="nav-item"><a class="nav-link" href="#team" aria-label="Meet the team">Team</a></li>
          <li class="nav-item"><a class="nav-link" href="#faq" aria-label="Frequently asked questions">FAQ</a></li>
          <li class="nav-item"><a class="nav-link" href="#contact" aria-label="Contact us">Contact</a></li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- Hero Section with Sakura Particles -->
  <section id="hero" aria-label="Banner" class="hero-gradient-bg position-relative pb-5 pt-3">
    <div class="sakura-float"></div>
    <!-- Floating petals using absolutely-positioned .petal divs -->
    <div class="petal" style="left:12vw; animation-delay:0s;"></div>
    <div class="petal" style="left:39vw; animation-delay:2s;"></div>
    <div class="petal" style="left:66vw; animation-delay:4s;"></div>
    <div class="petal" style="left:81vw; animation-delay:.6s;"></div>
    <div class="container-lg pt-4 pb-2">
      <div class="row align-items-center flex-column-reverse flex-md-row">
        <div class="col-12 col-md-6 pt-3 text-center text-md-start">
          <h1 class="hero-title mb-4" style="font-size:2.6rem;">
            Empowering Change Through People-Centered Solutions
          </h1>
          <h2 class="mb-5" style="font-size:1.28rem; font-weight:500; color:var(--secondary); text-shadow:0 1.5px 7px #eb7a5931;">
            Transform your organization with leadership development, automation readiness, and employee engagement training tailored for Japan’s rapidly evolving workplace.
          </h2>
          <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-start mb-3 pt-3">
            <a href="#courses" class="btn btn-lg btn-primary rounded-pill shadow-sm me-2 mb-2 px-4" aria-label="Jump to available courses" style="font-size:1.13rem;">Enroll in a Course</a>
            <a href="#contact" class="btn btn-outline-secondary ms-0 ms-md-2 mb-2 px-4" aria-label="Contact us to request PDF course guide" style="font-size:1.13rem;">Download Course Guide</a>
          </div>
        </div>
        <div class="col-12 col-md-6 text-center mb-4 mb-md-0 d-flex align-items-center justify-content-center">
          <img src="images/hero-workshop-session.jpeg" alt="Facilitator leading engaging team workshop" width="800" height="416" class="img-fluid rounded shadow-lg parallax-gallery" style="max-width:96vw; margin-bottom:0; object-fit:cover;">
        </div>
      </div>
    </div>
  </section>
  <!-- About Section -->
  <section id="about" class="about-section py-4 px-1">
    <div class="container-lg">
      <div class="row flex-row-reverse align-items-center">
        <div class="col-12 col-md-6 mb-4 mb-md-0 text-center">
          <img src="images/about-office-team-collaboration.jpeg" class="about-image img-fluid" alt="Team collaborating in Sakura Insight Consulting office" width="512" height="320" loading="lazy" style="max-width:93%; margin:0 auto;">
        </div>
        <div class="col-12 col-md-6 px-md-5 px-3">
          <h2 class="mb-3" style="color:var(--secondary); font-size:2.1rem;">About Sakura Insight Consulting</h2>
          <p>
            Sakura Insight Consulting is a Tokyo-based firm with a passion for transforming organizations through innovative learning and people-centric solutions. Founded out of a commitment to bridge traditional Japanese values with global best practices, our consultancy partners with companies across Japan and beyond to nurture adaptive, resilient, and thriving workplaces.
          </p>
          <p>
            Our journey began over 15 years ago in the heart of Marunouchi, where the founder envisioned a firm that could inspire meaningful growth and real behavioral change, not just surface-level improvements. By combining insights from psychology, leadership science, and the nuances of Japanese workplace etiquette, Sakura Insight has become a leader in professional upskilling, culture transformation, and digital adaptation.
          </p>
          <p>
            At the core of our mission lies a dedication to empowering people at every level of the organization—helping emerging leaders find their voice, guiding experienced managers through complex change, and equipping employees to embrace innovation with confidence. Our training draws upon immersive, experiential methodologies that foster curiosity, collaboration, and practical skill application.
          </p>
          <p>
            Each of our consultants brings a wealth of global experience while maintaining a deep sensitivity to Japanese business culture. Whether it’s designing custom workshops for multinational teams or coaching C-suite executives on agile leadership, we excel at aligning international perspectives with domestic values.
          </p>
          <p>
            Sustainability is not a buzzword at Sakura Insight—it’s the foundation of every project. We work alongside clients, ensuring that results are embedded and owned throughout the company. Our approach emphasizes open communication, respect for diversity, and an unwavering dedication to ethical practice.
          </p>
          <p>
            The cherry blossom, or ‘sakura,’ is more than just our namesake—it symbolizes resilience, renewal, and the beauty of change. Every program we deliver is crafted to spark this spirit within organizations, helping them bloom in times of transition and opportunity.
          </p>
          <p>
            Over the years, we have proudly supported more than 900 clients from various industries: technology, finance, manufacturing, healthcare, hospitality, and more. Our tailored programs are known for their measurable impact, regularly achieving satisfaction ratings above 97%.
          </p>
          <p>
            Whether you are implementing automation in a traditional factory, fostering cross-cultural engagement in a global team, or developing the next generation of leaders, Sakura Insight partners with you to co-create solutions that truly fit your needs.
          </p>
          <p>
            We believe that true transformation happens when people feel seen, valued, and supported. By facilitating sincere dialogue and offering practical, actionable tools, we empower teams to move confidently into the future.
          </p>
          <p>
            Every engagement begins with listening—because your challenges, goals, and company culture are unique.
          </p>
          <p>
            From initial assessment to ongoing support, we stay committed every step of the way.
          </p>
          <p>
            Our philosophy emphasises a blend of Eastern and Western learning models. This ensures you’re not just gaining skills, but building new mindsets and perspectives.
          </p>
          <p>
            We value integrity, relationship-building, and continuous improvement. These values guide everything we do, from internal collaboration to client-facing projects.
          </p>
          <p>
            At Sakura Insight, we continually invest in our own growth as well—partnering with leading universities and industry experts to keep our training at the cutting edge.
          </p>
          <p>
            Let us help you nurture a culture where people flourish, and organizational change becomes an opportunity for collective growth.
          </p>
          <div class="stats-wrap d-flex mt-4 mb-1">
            <div class="about-stat-card">
              <span class="fs-3 fw-bold">900+</span>
              <span class="fw-normal" style="color:var(--text-dark); font-size:1.03rem;">Clients Trained</span>
            </div>
            <div class="about-stat-card">
              <span class="fs-3 fw-bold">250+</span>
              <span class="fw-normal" style="color:var(--text-dark); font-size:1.03rem;">Workshops Conducted</span>
            </div>
            <div class="about-stat-card">
              <span class="fs-3 fw-bold">97%</span>
              <span class="fw-normal" style="color:var(--text-dark); font-size:1.03rem;">Average Satisfaction</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Courses Section -->
  <section id="courses" class="py-5" aria-label="Available Courses">
    <div class="container-lg">
      <h2 class="mb-2 text-center" style="color:var(--primary); font-size:2.2rem;">Featured Training Courses</h2>
      <p class="lead text-center mb-5" style="max-width:590px; margin: 0 auto;">
        Unlock leadership potential and future-proof your workforce through hands-on workshops, coaching, and real-world scenario training. Our programs deliver tangible results, blending cutting-edge techniques with proven global and local best practices—ensuring your teams stay agile, resilient, and ready for growth.
      </p>
      <div class="row row-cols-1 row-cols-md-2 g-4">
        <!-- Course Card 1 -->
        <div class="col">
          <div class="course-card h-100 shadow parallax-gallery">
            <img src="images/course-leadership-excellence.jpeg" class="card-img-top" alt="Facilitator leading a leadership development session" width="384" height="256" loading="lazy">
            <div class="card-body">
              <h3 class="card-title mb-2" style="color:var(--primary);">Leadership Excellence for Modern Managers</h3>
              <p class="card-text" style="color:var(--text-dark);">
                Become the leader you aspire to be in Japan’s complex, rapidly evolving business climate. This course offers transformative guidance on building trust, inspiring teams, and creating a shared vision for lasting organizational success. Through mindful leadership frameworks and real-life scenarios, both new and seasoned managers develop the skills needed to motivate, communicate, and drive sustainable results. Our immersive labs equip participants to handle difficult feedback, navigate conflicts, and champion innovation with authenticity and poise.
              </p>
              <ul class="mb-3 ps-3" style="list-style:square; color:var(--secondary);">
                <li>Mindful leadership frameworks</li>
                <li>Effective delegation strategies</li>
                <li>Feedback and conflict resolution labs</li>
              </ul>
              <a href="#contact" class="btn btn-primary btn-block" aria-label="See details and enroll in Leadership Excellence for Modern Managers">See Details &amp; Enroll</a>
            </div>
          </div>
        </div>
        <!-- Course Card 2 -->
        <div class="col">
          <div class="course-card h-100 shadow parallax-gallery">
            <img src="images/course-automation-adaptation.jpeg" class="card-img-top" alt="Employees participating in automation readiness workshop" width="384" height="256" loading="lazy">
            <div class="card-body">
              <h3 class="card-title mb-2" style="color:var(--primary);">Automation Adaptation Workshop</h3>
              <p class="card-text" style="color:var(--text-dark);">
                Prepare your workforce for the future of work. This workshop guides companies through every aspect of automation—demystifying new technology, alleviating change anxiety, and maximizing productivity from day one. Our expert facilitators help teams at every level build tech fluency, gain hands-on experience, and develop actionable roadmaps. Participants leave with proven change management tools, greater resilience, and practical know-how to integrate automation smoothly into daily operations.
              </p>
              <ul class="mb-3 ps-3" style="list-style:square; color:var(--secondary);">
                <li>Automation demystified sessions</li>
                <li>Practical change management tools</li>
                <li>Real-world implementation case studies</li>
              </ul>
              <a href="#contact" class="btn btn-primary btn-block" aria-label="See details and enroll in Automation Adaptation Workshop">See Details &amp; Enroll</a>
            </div>
          </div>
        </div>
        <!-- Course Card 3 -->
        <div class="col">
          <div class="course-card h-100 shadow parallax-gallery">
            <img src="images/course-soft-skills-accelerator.jpeg" class="card-img-top" alt="Interactive group activity in a soft skills workshop" width="384" height="256" loading="lazy">
            <div class="card-body">
              <h3 class="card-title mb-2" style="color:var(--primary);">Soft Skills Accelerator</h3>
              <p class="card-text" style="color:var(--text-dark);">
                Communication, negotiation, and cross-cultural understanding are at the heart of effective teamwork. This accelerator program develops confidence in both new and experienced professionals, guiding them through interactive scenarios and diverse real-world situations. Participants gain invaluable cross-cultural communication skills, refine their public speaking, and exit with individualized development plans. Whether working domestically or with global clients, graduates connect, influence, and collaborate more effectively.
              </p>
              <ul class="mb-3 ps-3" style="list-style:square; color:var(--secondary);">
                <li>Interactive scenario-based learning</li>
                <li>Cross-cultural communication labs</li>
                <li>Personalized development plans</li>
              </ul>
              <a href="#contact" class="btn btn-primary btn-block" aria-label="See details and enroll in Soft Skills Accelerator">See Details &amp; Enroll</a>
            </div>
          </div>
        </div>
        <!-- Course Card 4 -->
        <div class="col">
          <div class="course-card h-100 shadow parallax-gallery">
            <img src="images/course-employee-engagement.jpeg" class="card-img-top" alt="Happy team participating in an employee engagement workshop" width="384" height="256" loading="lazy">
            <div class="card-body">
              <h3 class="card-title mb-2" style="color:var(--primary);">Employee Engagement &amp; Wellness</h3>
              <p class="card-text" style="color:var(--text-dark);">
                Sustain motivation, improve retention, and cultivate a positive team dynamic with this holistic program. We dive deep into what drives genuine engagement in Japanese workplaces, offering practical tools for wellbeing and strategies to foster loyalty. Through interactive activities and dedicated coaching for managers, organizations experience measurable productivity gains and develop vibrant, supportive cultures where every voice matters.
              </p>
              <ul class="mb-3 ps-3" style="list-style:square; color:var(--secondary);">
                <li>Practical wellbeing strategies</li>
                <li>Team-building activities</li>
                <li>Manager coaching for motivation</li>
              </ul>
              <a href="#contact" class="btn btn-primary btn-block" aria-label="See details and enroll in Employee Engagement & Wellness">See Details &amp; Enroll</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Process Timeline -->
  <section id="process" class="process-section pt-4 pb-5" aria-label="Our Consulting Approach">
    <div class="container-lg">
      <h2 class="mb-4 text-center" style="color:var(--secondary); font-size:2.05rem;">
        Our Change-Driven Approach
      </h2>
      <div class="timeline-horizontal justify-content-center">
        <div class="timeline-step">
          <img src="images/process-discover-step.jpeg" alt="Consultant meeting with client team for discovery session" width="256" height="192" loading="lazy">
          <h4 class="fw-bold fs-5 mb-2">Discover</h4>
          <p class="mb-0" style="font-size:1.03rem;">
            We listen closely to your team’s needs, using customized surveys and interactive interviews to uncover your unique challenges, organizational culture, and aspirations. Our readiness assessments set a clear foundation for targeted change.
          </p>
        </div>
        <div class="timeline-step">
          <img src="images/process-design-step.jpeg" alt="Team collaborating on course and strategy design" width="256" height="192" loading="lazy">
          <h4 class="fw-bold fs-5 mb-2">Design</h4>
          <p class="mb-0" style="font-size:1.03rem;">
            In partnership with your stakeholders, we co-create a detailed roadmap for your development goals. Our experienced designers tailor programs that align precisely with your objectives—ensuring relevance and lasting results.
          </p>
        </div>
        <div class="timeline-step">
          <img src="images/process-deliver-step.jpeg" alt="Facilitator leading in-person workshop" width="256" height="192" loading="lazy">
          <h4 class="fw-bold fs-5 mb-2">Deliver</h4>
          <p class="mb-0" style="font-size:1.03rem;">
            Our seasoned facilitators bring learning to life. Through engaging workshops, dynamic training sessions, and hands-on coaching, participants are empowered to put new skills into action from day one.
          </p>
        </div>
        <div class="timeline-step">
          <img src="images/process-support-step.jpeg" alt="Follow-up coaching session with manager" width="256" height="192" loading="lazy">
          <h4 class="fw-bold fs-5 mb-2">Support</h4>
          <p class="mb-0" style="font-size:1.03rem;">
            Transformation continues after the classroom. We provide ongoing guidance, resources, and post-workshop support—reinforcing best practices and building momentum for enduring change.
          </p>
        </div>
      </div>
    </div>
  </section>
  <!-- Benefits Features -->
  <section id="benefits" class="py-5" aria-label="Why Choose Sakura">
    <div class="container-lg">
      <h2 class="mb-5 text-center" style="color:var(--primary); font-size:2.08rem;">Why Choose Sakura Insight?</h2>
      <div class="row justify-content-center">
        <div class="col-12 col-md-6 col-lg-3 mb-3">
          <div class="feature-card h-100 d-flex flex-column align-items-center justify-content-center">
            <h4 class="mb-2" style="color:var(--secondary);">Culturally Attuned Training</h4>
            <p>
              Our programs effortlessly blend internationally recognized leadership frameworks with a nuanced appreciation for Japanese workplace culture. We respect traditions while fostering positive, future-ready change.
            </p>
          </div>
        </div>
        <div class="col-12 col-md-6 col-lg-3 mb-3">
          <div class="feature-card h-100 d-flex flex-column align-items-center justify-content-center">
            <h4 class="mb-2" style="color:var(--secondary);">Results You Can Measure</h4>
            <p>
              Sakura Insight’s customized approach consistently leads to tangible improvements in employee engagement, productivity, and well-being. We’re trusted by Japan’s largest companies for our actionable, data-driven outcomes.
            </p>
          </div>
        </div>
        <div class="col-12 col-md-6 col-lg-3 mb-3">
          <div class="feature-card h-100 d-flex flex-column align-items-center justify-content-center">
            <h4 class="mb-2" style="color:var(--secondary);">Expert, Empathetic Facilitators</h4>
            <p>
              Our bilingual consultants are not just subject matter experts—they create a safe, supportive environment where participants can grow. Every session is interactive, practical, and genuinely uplifting for all involved.
            </p>
          </div>
        </div>
        <div class="col-12 col-md-6 col-lg-3 mb-3">
          <div class="feature-card h-100 d-flex flex-column align-items-center justify-content-center">
            <h4 class="mb-2" style="color:var(--secondary);">Flexible Delivery</h4>
            <p>
              Choose from onsite, hybrid, or fully virtual formats. Our programs adapt to your company’s schedule and preferred working styles—serving organizations across Japan and worldwide.
            </p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Testimonials -->
  <section id="testimonials" class="py-5 bg-white" aria-label="Testimonials">
    <div class="container-lg">
      <h2 class="text-center mb-5" style="color:var(--secondary); font-size:2.01rem;">What Our Clients Say</h2>
      <div id="testimonialCarousel" class="carousel slide carousel-testimonial mb-4 mx-auto" data-bs-ride="carousel" data-bs-interval="8600" style="max-width:630px;" aria-label="Testimonial carousel">
        <div class="carousel-inner">
          <!-- Testimonial 1 -->
          <div class="carousel-item active">
            <div class="testimonial-card p-4">
              <img src="images/testimonial-mika-tanaka.jpeg" alt="Mika Tanaka, HR Director" class="avatar mb-3" width="96" height="96" loading="lazy">
              <blockquote class="mb-3" cite="#">
                <p>
                  Sakura Insight’s leadership training had an immediate, positive impact. Every participant left with new confidence and practical tools.
                </p>
              </blockquote>
              <div class="star-rating" aria-label="Rated 5 out of 5">
                <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
              </div>
              <div class="pt-2">
                <span class="fw-bold">Mika Tanaka</span><br>
                <span class="text-muted" style="font-size: 0.95rem;">HR Director, Global Pharma Co.</span>
              </div>
            </div>
          </div>
          <!-- Testimonial 2 -->
          <div class="carousel-item">
            <div class="testimonial-card p-4">
              <img src="images/testimonial-james-wong.jpeg" alt="James Wong, COO" class="avatar mb-3" width="96" height="96" loading="lazy">
              <blockquote class="mb-3" cite="#">
                <p>
                  Their automation adaptation workshop prepared our teams for change and made the process surprisingly seamless.
                </p>
              </blockquote>
              <div class="star-rating" aria-label="Rated 5 out of 5">
                <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
              </div>
              <div class="pt-2">
                <span class="fw-bold">James Wong</span><br>
                <span class="text-muted" style="font-size: 0.95rem;">Chief Operating Officer, Futura Systems</span>
              </div>
            </div>
          </div>
          <!-- Testimonial 3 -->
          <div class="carousel-item">
            <div class="testimonial-card p-4">
              <img src="images/testimonial-aya-mori.jpeg" alt="Aya Mori, Project Manager" class="avatar mb-3" width="96" height="96" loading="lazy">
              <blockquote class="mb-3" cite="#">
                <p>
                  The hands-on group activities boosted engagement and teamwork like never before. Highly recommended for any growing business.
                </p>
              </blockquote>
              <div class="star-rating" aria-label="Rated 5 out of 5">
                <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
              </div>
              <div class="pt-2">
                <span class="fw-bold">Aya Mori</span><br>
                <span class="text-muted" style="font-size: 0.95rem;">Project Manager, Sakura Digital Services</span>
              </div>
            </div>
          </div>
          <!-- Testimonial 4 -->
          <div class="carousel-item">
            <div class="testimonial-card p-4">
              <img src="images/testimonial-haruki-shimada.jpeg" alt="Haruki Shimada, Manufacturing Division Manager" class="avatar mb-3" width="96" height="96" loading="lazy">
              <blockquote class="mb-3" cite="#">
                <p>
                  Sakura Insight’s workshops helped our senior leaders embrace new automation technologies. We saw a noticeable improvement in communication and even employee morale after each session.
                </p>
              </blockquote>
              <div class="star-rating" aria-label="Rated 5 out of 5">
                <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
              </div>
              <div class="pt-2">
                <span class="fw-bold">Haruki Shimada</span><br>
                <span class="text-muted" style="font-size: 0.95rem;">Division Manager, Tokyo Industrial Solutions</span>
              </div>
            </div>
          </div>
          <!-- Testimonial 5 -->
          <div class="carousel-item">
            <div class="testimonial-card p-4">
              <img src="images/testimonial-marina-oikawa.jpeg" alt="Marina Oikawa, Talent Development Lead" class="avatar mb-3" width="96" height="96" loading="lazy">
              <blockquote class="mb-3" cite="#">
                <p>
                  I appreciated the facilitators’ genuine empathy and deep knowledge. Our employees referred to Sakura Insight’s training as the most engaging professional development they’d ever experienced.
                </p>
              </blockquote>
              <div class="star-rating" aria-label="Rated 5 out of 5">
                <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
              </div>
              <div class="pt-2">
                <span class="fw-bold">Marina Oikawa</span><br>
                <span class="text-muted" style="font-size: 0.95rem;">Talent Development Lead, Nihon Services Inc.</span>
              </div>
            </div>
          </div>
          <!-- Testimonial 6 -->
          <div class="carousel-item">
            <div class="testimonial-card p-4">
              <img src="images/testimonial-leo-watanabe.jpeg" alt="Leo Watanabe, Director of Human Resources" class="avatar mb-3" width="96" height="96" loading="lazy">
              <blockquote class="mb-3" cite="#">
                <p>
                  The cross-cultural communication modules opened up entirely new ways for our global team to interact. The impact was immediate and deeply appreciated by our Japanese and international colleagues alike.
                </p>
              </blockquote>
              <div class="star-rating" aria-label="Rated 5 out of 5">
                <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
              </div>
              <div class="pt-2">
                <span class="fw-bold">Leo Watanabe</span><br>
                <span class="text-muted" style="font-size: 0.95rem;">Director of Human Resources, Sendai Logistics</span>
              </div>
            </div>
          </div>
          <!-- Testimonial 7 -->
          <div class="carousel-item">
            <div class="testimonial-card p-4">
              <img src="images/testimonial-yoko-kanemoto.jpeg" alt="Yoko Kanemoto, Lead Recruiter" class="avatar mb-3" width="96" height="96" loading="lazy">
              <blockquote class="mb-3" cite="#">
                <p>
                  The Soft Skills Accelerator not only improved negotiation skills within my team, but also helped break down communication barriers. We now handle client relationships more confidently than ever.
                </p>
              </blockquote>
              <div class="star-rating" aria-label="Rated 5 out of 5">
                <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
              </div>
              <div class="pt-2">
                <span class="fw-bold">Yoko Kanemoto</span><br>
                <span class="text-muted" style="font-size: 0.95rem;">Lead Recruiter, Yokohama Talent Associates</span>
              </div>
            </div>
          </div>
          <!-- Testimonial 8 -->
          <div class="carousel-item">
            <div class="testimonial-card p-4">
              <img src="images/testimonial-takashi-onishi.jpeg" alt="Takashi Onishi, Senior Project Lead" class="avatar mb-3" width="96" height="96" loading="lazy">
              <blockquote class="mb-3" cite="#">
                <p>
                  What stood out most was Sakura Insight’s attention to our company’s unique needs and culture. Their post-workshop follow-up kept motivation high and ensured the results stuck.
                </p>
              </blockquote>
              <div class="star-rating" aria-label="Rated 5 out of 5">
                <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
              </div>
              <div class="pt-2">
                <span class="fw-bold">Takashi Onishi</span><br>
                <span class="text-muted" style="font-size: 0.95rem;">Senior Project Lead, Osaka Digital Solutions</span>
              </div>
            </div>
          </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="prev" aria-label="Previous testimonial">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="next" aria-label="Next testimonial">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
        </button>
      </div>
    </div>
  </section>
  <!-- Team -->
  <section id="team" class="py-5" aria-label="Meet the Team">
    <div class="container-lg">
      <h2 class="text-center mb-2" style="color:var(--primary); font-size:2.12rem;">Meet Our Team</h2>
      <p class="lead text-center mb-5" style="max-width: 560px; margin: 0 auto;">
        Experienced consultants and facilitators passionate about driving positive organizational change. Everyone at Sakura Insight brings unique expertise and a shared commitment to creating impactful learning journeys for our clients.
      </p>
      <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4">
        <!-- Team Member 1 -->
        <div class="col">
          <div class="team-card h-100 shadow">
            <img src="images/team-naoko-sato.jpeg" alt="Naoko Sato, Managing Director" width="192" height="192" class="team-photo mb-3" loading="lazy">
            <h4 class="fw-bold mb-1" style="color:var(--secondary);">Naoko Sato</h4>
            <h5 class="mb-2 text-muted" style="font-size:1.1rem;">Managing Director</h5>
            <p>
              As Sakura Insight's founder, Naoko brings over 20 years of experience in leadership development, OD strategy, and enterprise-level training solutions. She has steered initiatives for both Fortune 500 companies and iconic Japanese organizations, earning a reputation as a trusted strategic partner who always puts people first.
            </p>
            <div class="team-social">
              <a href="https://www.linkedin.com/in/naoko-sato" aria-label="Naoko Sato LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin"></i></a>
            </div>
          </div>
        </div>
        <!-- Team Member 2 -->
        <div class="col">
          <div class="team-card h-100 shadow">
            <img src="images/team-taro-kondo.jpeg" alt="Taro Kondo, Senior Facilitator" width="192" height="192" class="team-photo mb-3" loading="lazy">
            <h4 class="fw-bold mb-1" style="color:var(--secondary);">Taro Kondo</h4>
            <h5 class="mb-2 text-muted" style="font-size:1.1rem;">Senior Facilitator</h5>
            <p>
              Taro specializes in guiding leadership teams through the complexities of automation and cultural change. Fluent in Japanese and English, he excels in fostering open dialogue that leads to breakthrough insights and enhanced collaborative performance across diverse groups.
            </p>
            <div class="team-social">
              <a href="https://www.linkedin.com/in/taro-kondo" aria-label="Taro Kondo LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin"></i></a>
            </div>
          </div>
        </div>
        <!-- Team Member 3 -->
        <div class="col">
          <div class="team-card h-100 shadow">
            <img src="images/team-elena-garcia.jpeg" alt="Elena Garcia, Head of Learning Design" width="192" height="192" class="team-photo mb-3" loading="lazy">
            <h4 class="fw-bold mb-1" style="color:var(--secondary);">Elena Garcia</h4>
            <h5 class="mb-2 text-muted" style="font-size:1.1rem;">Head of Learning Design</h5>
            <p>
              Elena crafts creative, research-backed curricula that maximize engagement and business impact. With a background in education technology and blended learning, her programs ensure each session delivers measurable value and lasting professional growth.
            </p>
            <div class="team-social">
              <a href="https://www.linkedin.com/in/elena-garcia-si" aria-label="Elena Garcia LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin"></i></a>
            </div>
          </div>
        </div>
        <!-- Team Member 4 -->
        <div class="col">
          <div class="team-card h-100 shadow">
            <img src="images/team-kenji-matsumoto.jpeg" alt="Kenji Matsumoto, Engagement Specialist" width="192" height="192" class="team-photo mb-3" loading="lazy">
            <h4 class="fw-bold mb-1" style="color:var(--secondary);">Kenji Matsumoto</h4>
            <h5 class="mb-2 text-muted" style="font-size:1.1rem;">Engagement Specialist</h5>
            <p>
              Kenji is known for his dynamic facilitation—infusing workshops with positive energy and practical tools. He is an expert in employee engagement and wellbeing programs that spark excitement and foster stronger, healthy organizational cultures.
            </p>
            <div class="team-social">
              <a href="https://www.linkedin.com/in/kenji-matsumoto" aria-label="Kenji Matsumoto LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin"></i></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- FAQ -->
  <section id="faq" class="py-5" aria-label="Frequently Asked Questions">
    <div class="container-lg">
      <h2 class="text-center mb-5" style="color:var(--secondary); font-size:2.03rem;">Frequently Asked Questions</h2>
      <div class="accordion" id="faqAccordion" role="tablist" aria-multiselectable="true">
        <!-- FAQ Item 1 -->
        <div class="accordion-item">
          <h3 class="accordion-header" id="faq-heading-1">
            <button class="accordion-button collapsed focus-outline" type="button" data-bs-toggle="collapse" data-bs-target="#faq-collapse-1" aria-expanded="false" aria-controls="faq-collapse-1">
              Are your courses delivered in English or Japanese?
            </button>
          </h3>
          <div id="faq-collapse-1" class="accordion-collapse collapse" aria-labelledby="faq-heading-1" data-bs-parent="#faqAccordion">
            <div class="accordion-body">
              Most courses are available in both English and Japanese, with bilingual facilitation and materials provided.
            </div>
          </div>
        </div>
        <!-- FAQ Item 2 -->
        <div class="accordion-item">
          <h3 class="accordion-header" id="faq-heading-2">
            <button class="accordion-button collapsed focus-outline" type="button" data-bs-toggle="collapse" data-bs-target="#faq-collapse-2" aria-expanded="false" aria-controls="faq-collapse-2">
              Can you customize training for our company’s needs?
            </button>
          </h3>
          <div id="faq-collapse-2" class="accordion-collapse collapse" aria-labelledby="faq-heading-2" data-bs-parent="#faqAccordion">
            <div class="accordion-body">
              Absolutely. We specialize in tailoring content and delivery to each client’s industry, goals, and workplace culture.
            </div>
          </div>
        </div>
        <!-- FAQ Item 3 -->
        <div class="accordion-item">
          <h3 class="accordion-header" id="faq-heading-3">
            <button class="accordion-button collapsed focus-outline" type="button" data-bs-toggle="collapse" data-bs-target="#faq-collapse-3" aria-expanded="false" aria-controls="faq-collapse-3">
              Do you offer virtual and hybrid workshop options?
            </button>
          </h3>
          <div id="faq-collapse-3" class="accordion-collapse collapse" aria-labelledby="faq-heading-3" data-bs-parent="#faqAccordion">
            <div class="accordion-body">
              Yes, we offer onsite, virtual, and blended delivery to accommodate differing schedules and locations.
            </div>
          </div>
        </div>
        <!-- FAQ Item 4 -->
        <div class="accordion-item">
          <h3 class="accordion-header" id="faq-heading-4">
            <button class="accordion-button collapsed focus-outline" type="button" data-bs-toggle="collapse" data-bs-target="#faq-collapse-4" aria-expanded="false" aria-controls="faq-collapse-4">
              How do I enroll or request a consultation?
            </button>
          </h3>
          <div id="faq-collapse-4" class="accordion-collapse collapse" aria-labelledby="faq-heading-4" data-bs-parent="#faqAccordion">
            <div class="accordion-body">
              You can fill out the contact form below, call or email us, and our team will respond within one business day.
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Contact -->
  <section id="contact" class="contact-section" aria-label="Contact Us">
    <div class="container-lg">
      <div class="row align-items-stretch g-4">
        <!-- Contact Form -->
        <div class="col-12 col-lg-7 mb-4 mb-lg-0">
          <div class="p-4 h-100 d-flex flex-column justify-content-center" style="background:var(--accent); border-radius:28px;">
            <h2 style="color:var(--primary); font-size:2.0rem;">Ready to Take the Next Step?</h2>
            <p class="mb-4" style="font-size:1.18rem; color:var(--secondary);">
              Enroll in a course, schedule a free consultation, or ask us a question. We are committed to responding promptly and providing guidance tailored to your needs.
            </p>
            <form id="contactForm" novalidate aria-label="Contact form for course inquiry">
              <div class="row">
                <div class="col-12 col-md-6 mb-3">
                  <label for="contactName" class="form-label">Name <span class="text-danger">*</span></label>
                  <input id="contactName" type="text" name="name" required class="form-control focus-outline" autocomplete="name" placeholder="Your full name" aria-required="true">
                </div>
                <div class="col-12 col-md-6 mb-3">
                  <label for="contactEmail" class="form-label">Email <span class="text-danger">*</span></label>
                  <input id="contactEmail" type="email" name="email" required class="form-control focus-outline" autocomplete="email" placeholder="your@email.com" aria-required="true">
                </div>
                <div class="col-12 col-md-6 mb-3">
                  <label for="contactPhone" class="form-label">Phone</label>
                  <input id="contactPhone" type="tel" name="phone" class="form-control focus-outline" autocomplete="tel" placeholder="(optional)">
                </div>
                <div class="col-12 col-md-6 mb-3">
                  <label for="contactCompany" class="form-label">Company</label>
                  <input id="contactCompany" type="text" name="company" class="form-control focus-outline" autocomplete="organization" placeholder="Company name (optional)">
                </div>
                <div class="col-12 mb-3">
                  <label for="contactCourse" class="form-label">Course of Interest</label>
                  <select id="contactCourse" name="course" class="form-select focus-outline">
                    <option value="">Select a course…</option>
                    <option>Leadership Excellence</option>
                    <option>Automation Adaptation</option>
                    <option>Soft Skills Accelerator</option>
                    <option>Employee Engagement & Wellness</option>
                    <option>Not Sure</option>
                  </select>
                </div>
                <div class="col-12 mb-4">
                  <label for="contactMessage" class="form-label">Message <span class="text-danger">*</span></label>
                  <textarea id="contactMessage" name="message" required class="form-control focus-outline" placeholder="Let us know how we can help!" rows="5" aria-required="true"></textarea>
                </div>
                <div class="col-12 mb-2">
                  <button type="submit" class="btn btn-success btn-lg btn-block rounded-pill w-100" aria-label="Submit contact form">Submit Inquiry</button>
                </div>
              </div>
            </form>
            <div id="formAlert" class="alert mt-3 d-none" role="alert"></div>
          </div>
        </div>
        <!-- Contact Info & Map -->
        <div class="col-12 col-lg-5 d-flex flex-column justify-content-between">
          <div class="mb-3">
            <h3 style="color:var(--secondary); font-size:1.35rem;" class="mb-1">Contact Information</h3>
            <div class="contact-method">
              <i class="fas fa-phone-alt" aria-hidden="true"></i>
              <a href="tel:+81345507892" style="color:var(--primary); text-decoration:none;" aria-label="Call Sakura Insight Consulting">+81 3 4550 7892</a>
            </div>
            <div class="contact-method">
              <i class="fas fa-envelope" aria-hidden="true"></i>
              <a href="mailto:info@<?php echo $_SERVER["HOST_NAME"]; ?>" style="color:var(--primary); text-decoration:none;" aria-label="Email Sakura Insight Consulting">info@<?php echo $_SERVER["HOST_NAME"]; ?></a>
            </div>
            <div class="contact-method">
              <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
              <span>7-15 Marunouchi Pier Park, 4th Floor, Chiyoda, Tokyo</span>
            </div>
            <div class="mt-2 mb-2" style="color:var(--primary); font-size:1rem;">
              <i class="fas fa-clock" aria-hidden="true"></i>
              Business Hours: <span>Mon-Fri 09:00-18:00 JST</span>
            </div>
          </div>
          <div class="mb-4">
            <h4 style="font-size:1.08rem;" class="text-muted mb-1">Our Marunouchi Office (Tokyo)</h4>
            <iframe
              src="https://maps.google.com/maps?q=Tokyo%2C%20Japan&t=m&z=13&ie=UTF8&iwloc=&output=embed"
              width="100%"
              height="320"
              style="border:0; border-radius:18px;"
              allowfullscreen=""
              loading="lazy"
              referrerpolicy="no-referrer-when-downgrade"
              aria-label="Map of Tokyo, Japan">
            </iframe>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Footer -->
  <footer class="footer-main mt-5" role="contentinfo">
    <div class="container-lg">
      <div class="row align-items-center justify-content-between">
        <div class="col-12 col-md-4 d-flex align-items-center mb-3 mb-md-0">
          <img src="images/sakura-insight-logo-main.jpeg" alt="Sakura Insight Consulting company logo" class="footer-logo-img me-2">
          <div>
            <div class="fw-bold" style="color:var(--primary); font-size:1.12rem;">Sakura Insight Consulting</div>
            <div class="text-muted" style="font-size:0.95rem;">© 2024 Sakura Insight Consulting. All rights reserved.</div>
          </div>
        </div>
        <div class="col-12 col-md-4 text-center mb-3 mb-md-0 footer-links">
          <a href="./privacy.html" class="footer-link" aria-label="View privacy policy">Privacy Policy</a>
          <a href="./tos.html" class="footer-link" aria-label="View terms of service">Terms of Service</a>
        </div>
        <div class="col-12 col-md-4 d-flex flex-column align-items-md-end align-items-center">
          <!-- Newsletter Subscribe -->
          <form class="d-flex align-items-center mb-2" aria-label="Email newsletter subscription form" autocomplete="off">
            <label for="newsletterEmail" class="visually-hidden">Subscribe for updates</label>
            <input type="email" id="newsletterEmail" name="email" placeholder="Your email" required class="me-2 focus-outline" style="min-width:156px;">
            <button type="submit" class="newsletter-btn" aria-label="Subscribe to newsletter">Subscribe</button>
          </form>
          <!-- Social Icons -->
          <div class="footer-social d-flex align-items-center">
            <a href="https://www.linkedin.com/company/sakura-insight-consulting" aria-label="Sakura Insight Consulting on LinkedIn" target="_blank" rel="noopener">
              <img src="images/social-linkedin-colored.jpeg" alt="LinkedIn icon" width="32" height="32">
            </a>
            <a href="https://youtube.com/@sakuratinsight" aria-label="Sakura Insight Consulting on YouTube" target="_blank" rel="noopener">
              <img src="images/social-youtube-colored.jpeg" alt="YouTube icon" width="32" height="32">
            </a>
            <a href="https://twitter.com/sakuratinsightjp" aria-label="Sakura Insight Consulting on X (Twitter)" target="_blank" rel="noopener">
              <img src="images/social-twitter-colored.jpeg" alt="X (Twitter) icon" width="32" height="32">
            </a>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- Back To Top Button -->
  <button id="backToTopBtn" aria-label="Go back to top" tabindex="0">
    <img src="images/arrow-up-circle-colored.jpeg" width="64" height="64" alt="Back to top">
  </button>
  <!-- Cookie Consent Banner -->
  <div id="cookieConsentBanner" class="d-flex justify-content-center align-items-center" aria-label="Cookie consent">
    <span>
      We use cookies to ensure you get the best experience. See our <a href="./privacy.html" style="color:var(--secondary); text-decoration: underline;">Privacy Policy</a>.
    </span>
    <button type="button" id="acceptCookieConsent" class="ms-3 focus-outline" aria-label="Accept cookies">Accept</button>
  </div>
  <!-- jQuery and Bootstrap JS -->
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  <script>
    // Focus outlines for accessibility
    (function() {
      document.body.addEventListener('keyup', function(e) {
        if (e.key === "Tab") {
          document.body.classList.add("user-is-tabbing");
        }
      });
    })();
    // Back-to-Top Button Logic
    const backToTopBtn = document.getElementById('backToTopBtn');
    window.addEventListener('scroll', function() {
      if (window.scrollY > 320) {
        backToTopBtn.classList.add('visible');
      } else {
        backToTopBtn.classList.remove('visible');
      }
    });
    backToTopBtn.addEventListener('click', function() {
      window.scrollTo({top:0, behavior:'smooth'});
    });
    backToTopBtn.addEventListener('keydown', function(e) {
      if (e.key === "Enter" || e.key === " ") {
        window.scrollTo({top:0, behavior:'smooth'});
      }
    });
    // Contact form validation
    $('#contactForm').on('submit', function(e) {
      e.preventDefault();
      let valid = true;
      const alertBox = $('#formAlert');
      alertBox.removeClass('alert-success alert-danger d-none');
      $(this).find('input[required], textarea[required]').each(function() {
        if (!$(this).val().trim()) {
          $(this).addClass('is-invalid');
          valid = false;
        } else {
          $(this).removeClass('is-invalid');
        }
      });
      if (!valid) {
        alertBox.addClass('alert-danger').html('Please complete all required fields.').removeClass('d-none');
        setTimeout(() => alertBox.addClass('d-none'), 3300);
        return;
      }
      alertBox.addClass('alert-success').html('Thank you! Your inquiry has been submitted. We will be in touch soon.').removeClass('d-none');
      $('#contactForm')[0].reset();
      setTimeout(() => alertBox.addClass('d-none'), 5300);
    });
    // Newsletter subscribe - fake in-page validation demo
    $('.footer-main form').on('submit', function(e) {
      e.preventDefault();
      const input = $(this).find('input[type=email]');
      if (!input.val().trim() || !/\S+@\S+\.\S+/.test(input.val())) {
        input.addClass('is-invalid');
        input.attr('aria-invalid', 'true');
        setTimeout(()=>input.removeClass('is-invalid'), 1500);
        return;
      }
      input.val('');
      input.removeClass('is-invalid');
      input.attr('aria-invalid', 'false');
      alert('Thank you for subscribing!');
    });
    // FAQ Accordion: Always only one open on mobile
    if(window.innerWidth < 992) {
      document.querySelectorAll('.accordion-button').forEach((btn) => {
        btn.setAttribute('tabindex','0');
      });
    }
    // Cookie Consent
    document.addEventListener('DOMContentLoaded', function() {
      // Generate a random cookie name (combination of prefix and random string)
      const cookiePrefix = "consent_";
      const randomString = Math.random().toString(36).substring(2, 10);
      const cookieName = cookiePrefix + randomString;
      document.getElementById('cookieConsentBanner').setAttribute('data-cookie-name', cookieName);
      // Check if consent cookie exists
      const hasConsent = document.cookie.split(';').some((item) => {
        const trimmedItem = item.trim();
        return trimmedItem.startsWith(cookiePrefix);
      });
      if (!hasConsent) {
        document.getElementById('cookieConsentBanner').style.display = 'flex';
      }
      document.getElementById('acceptCookieConsent').addEventListener('click', function() {
        const date = new Date();
        date.setTime(date.getTime() + (365 * 24 * 60 * 60 * 1000));
        document.cookie = cookieName + "=accepted; expires=" + date.toUTCString() + "; path=/; SameSite=Strict";
        document.getElementById('cookieConsentBanner').style.display = 'none';
      });
    });
    // Keyboard accessibility for nav
    document.querySelectorAll('.nav-link').forEach(function(link) {
      link.addEventListener('keydown', function(e) {
        if(e.key === 'Enter' || e.key === ' ') {
          link.click();
        }
      });
    });
  </script>
</body>
</html>