<style>
/* SOMASMART HOMEPAGE */
#somasmart {
  --navy:#103b54;
  --teal:#0fae96;
  --gold:#f4b942;
  --light:#f4f8fc;
  --text:#263747;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
  line-height:1.65;
}
#somasmart *{box-sizing:border-box}
#somasmart a{text-decoration:none}
#somasmart h1,#somasmart h2,
#somasmart h3{line-height:1.2;margin:0 0 16px}
#somasmart p{margin:0 0 18px}
#somasmart .wrap{
  width:min(1160px,92%);
  margin:auto;
}
#somasmart .section{padding:75px 0}
#somasmart .center{text-align:center}
#somasmart .subtitle{
  color:#607589;
  max-width:730px;
  margin:0 auto 35px;
}
#somasmart .btn{
  display:inline-block;
  background:var(--teal);
  color:white;
  padding:13px 25px;
  border-radius:9px;
  font-weight:700;
  margin:5px;
}
#somasmart .btn.gold{
  background:var(--gold);
  color:var(--navy);
}
#somasmart .btn.outline{
  background:transparent;
  color:white;
  border:2px solid white;
}
#somasmart .grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
#somasmart .grid.four{
  grid-template-columns:repeat(4,1fr);
}
#somasmart .card{
  background:white;
  padding:27px;
  border-radius:16px;
  box-shadow:0 5px 25px rgba(20,55,80,.08);
  border:1px solid #e6edf3;
}
#somasmart .card h3{color:var(--navy)}
#somasmart .card p{color:#617486}
#somasmart .card a{
  color:var(--teal);
  font-weight:700;
}
#somasmart .symbol{
  font-size:34px;
  margin-bottom:14px;
}
#somasmart .light{background:var(--light)}
#somasmart .tag{
  display:inline-block;
  padding:5px 12px;
  background:#dff8f1;
  color:#087b69;
  border-radius:20px;
  font-size:12px;
  font-weight:700;
  margin-bottom:12px;
}

/* HEADER */
#somasmart .topbar{
  background:white;
  border-bottom:1px solid #e9edf1;
}
#somasmart .top-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:18px 0;
}
#somasmart .logo{
  font-size:29px;
  font-weight:900;
  color:var(--navy);
}
#somasmart .logo span{color:var(--teal)}
#somasmart .menu{
  display:flex;
  flex-wrap:wrap;
  gap:17px;
}
#somasmart .menu a{
  color:var(--navy);
  font-size:14px;
  font-weight:600;
}

/* HERO */
#somasmart .hero{
  background:linear-gradient(125deg,#103b54,#125e72);
  color:white;
  padding:95px 0;
}
#somasmart .hero-grid{
  display:grid;
  grid-template-columns:1.15fr 1fr;
  align-items:center;
  gap:45px;
}
#somasmart .hero h1{
  font-size:clamp(34px,4.5vw,58px);
  color:white;
}
#somasmart .hero h1 span{color:#65e6c2}
#somasmart .hero p{
  font-size:18px;
  color:#e1edf2;
}
#somasmart .eyebrow{
  color:#6be7c4;
  letter-spacing:2px;
  font-weight:700;
  font-size:13px;
}
#somasmart .hero img{
  width:100%;
  height:390px;
  object-fit:cover;
  border-radius:22px;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}

/* GRADES */
#somasmart .grade{
  padding:0 0 24px;
  overflow:hidden;
}
#somasmart .grade-image{
  height:135px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:65px;
  background:linear-gradient(135deg,#d7f4ed,#e9f5ff);
}
#somasmart .grade-body{padding:23px}
#somasmart .grade-body h3{font-size:22px}
#somasmart .grade-body p{font-size:14px}

/* STEPS */
#somasmart .step-num{
  width:45px;
  height:45px;
  background:var(--teal);
  color:white;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:21px;
  font-weight:800;
  margin-bottom:15px;
}

/* PARENTS */
#somasmart .parents-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:45px;
  align-items:center;
}
#somasmart .parents-panel{
  background:var(--navy);
  color:white;
  padding:45px;
  border-radius:22px;
}
#somasmart .parents-panel h2{color:white}
#somasmart .parents-panel p{color:#dcebf0}
#somasmart .benefits{
  padding-left:22px;
}
#somasmart .benefits li{
  margin:12px 0;
}

/* PRICING */
#somasmart .pricing{
  background:linear-gradient(125deg,#103b54,#16657a);
  color:white;
}
#somasmart .pricing h2{color:white}
#somasmart .pricing .subtitle{color:#d7e9ee}

/* FAQ */
#somasmart details{
  background:white;
  border:1px solid #e4ebf1;
  border-radius:10px;
  margin-bottom:12px;
  padding:18px 22px;
}
#somasmart summary{
  cursor:pointer;
  font-weight:700;
  color:var(--navy);
}
#somasmart details p{
  padding-top:12px;
  color:#5c7080;
}

/* FOOTER */
#somasmart .footer{
  background:#092c40;
  color:#d7e5ec;
  padding:50px 0 25px;
}
#somasmart .footer h3{color:white}
#somasmart .footer a{color:#d7e5ec}
#somasmart .footer-bottom{
  border-top:1px solid #345363;
  margin-top:35px;
  padding-top:20px;
  text-align:center;
  font-size:13px;
}

/* MOBILE */
@media(max-width:900px){
  #somasmart .grid.four{
    grid-template-columns:repeat(2,1fr);
  }
  #somasmart .grid{
    grid-template-columns:repeat(2,1fr);
  }
  #somasmart .hero-grid,
  #somasmart .parents-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:600px){
  #somasmart .section{padding:48px 0}
  #somasmart .grid,
  #somasmart .grid.four{
    grid-template-columns:1fr;
  }
  #somasmart .top-inner{
    flex-direction:column;
    text-align:center;
  }
  #somasmart .menu{
    justify-content:center;
  }
  #somasmart .hero{
    padding:55px 0;
  }
  #somasmart .hero img{
    height:260px;
  }
  #somasmart .parents-panel{
    padding:27px;
  }
}
</style>

<div id="somasmart">

<!-- HEADER -->
<header class="topbar">
  <div class="wrap top-inner">
    <a class="logo" href="/">Soma<span>Smart</span></a>
    <nav class="menu">
      <a href="/">Home</a>
      <a href="/learning-levels/">Grades 4–7</a>
      <a href="/subjects/">Subjects</a>
      <a href="/how-it-works/">How It Works</a>
      <a href="/for-parents/">For Parents</a>
      <a href="/pricing/">Pricing</a>
      <a href="/contact/">Contact</a>
    </nav>
  </div>
</header>

<!-- HERO -->
<section class="hero">
  <div class="wrap hero-grid">
    <div>
      <p class="eyebrow">
        PERSONALIZED CBC LEARNING · GRADES 4–7
      </p>
      <h1>
        Every Child Can Learn.
        <span>Every Child Can Excel.</span>
      </h1>
      <p>
        Smarter learning starts with understanding
        your child. SomaSmart is being developed
        to help Kenyan learners identify learning
        gaps, strengthen essential skills and
        progress with confidence.
      </p>
      <a class="btn gold" href="/learning-levels/">
        Explore Learning Levels
      </a>
      <a class="btn outline" href="/how-it-works/">
        How It Works
      </a>
    </div>
    <div>
      <img
        src="https://images.unsplash.com/photo-1503676260728-1c00da094a0b?w=1000"
        alt="Students learning in a classroom">
    </div>
  </div>
</section>

<!-- WHY SOMASMART -->
<section class="section">
  <div class="wrap">
    <h2 class="center">
      Learning That Understands Every Child
    </h2>
    <p class="subtitle center">
      Every learner is unique. SomaSmart aims to
      provide a more personalized approach to
      learning, helping children build strong
      foundations and achieve their potential.
    </p>

    <div class="grid four">
      <div class="card">
        <div class="symbol">🔎</div>
        <h3>Identify Learning Gaps</h3>
        <p>
          Discover the concepts and competencies
          that require additional support.
        </p>
      </div>
      <div class="card">
        <div class="symbol">🎯</div>
        <h3>Personalized Learning</h3>
        <p>
          Guide learners towards lessons and
          activities suited to their needs.
        </p>
      </div>
      <div class="card">
        <div class="symbol">📚</div>
        <h3>CBC-Aligned Content</h3>
        <p>
          Develop learning experiences based on
          Kenya's competency-based curriculum.
        </p>
      </div>
      <div class="card">
        <div class="symbol">📈</div>
        <h3>Track Progress</h3>
        <p>
          Help learners and parents understand
          progress and areas for improvement.
        </p>
      </div>
    </div>
  </div>
</section>

<!-- LEARNING LEVELS -->
<section class="section light" id="grades">
  <div class="wrap">
    <h2 class="center">
      Explore Our Learning Levels
    </h2>
    <p class="subtitle center">
      From Upper Primary to Junior School,
      discover learning experiences designed
      around the needs of Grades 4–7.
    </p>

    <div class="grid four">
      <div class="card grade">
        <div class="grade-image">📗</div>
        <div class="grade-body">
          <span class="tag">UPPER PRIMARY</span>
          <h3>Grade 4</h3>
          <p>
            Build strong foundations in essential
            concepts, skills and competencies.
          </p>
          <a href="/grade-4/">Explore Grade 4 →</a>
        </div>
      </div>

      <div class="card grade">
        <div class="grade-image">📘</div>
        <div class="grade-body">
          <span class="tag">UPPER PRIMARY</span>
          <h3>Grade 5</h3>
          <p>
            Strengthen understanding, reasoning
            and problem-solving abilities.
          </p>
          <a href="/grade-5/">Explore Grade 5 →</a>
        </div>
      </div>

      <div class="card grade">
        <div class="grade-image">📙</div>
        <div class="grade-body">
          <span class="tag">UPPER PRIMARY</span>
          <h3>Grade 6</h3>
          <p>
            Consolidate competencies and prepare
            confidently for Junior School.
          </p>
          <a href="/grade-6/">Explore Grade 6 →</a>
        </div>
      </div>

      <div class="card grade">
        <div class="grade-image">🎓</div>
        <div class="grade-body">
          <span class="tag">JUNIOR SCHOOL</span>
          <h3>Grade 7</h3>
          <p>
            Support the transition to more
            advanced subject-based learning.
          </p>
          <a href="/grade-7/">Explore Grade 7 →</a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- HOW IT WORKS -->
<section class="section" id="how-it-works">
  <div class="wrap">
    <h2 class="center">
      Our Personalized Learning Approach
    </h2>
    <p class="subtitle center">
      SomaSmart is being developed around a
      five-step learning journey that identifies
      gaps, provides targeted support and
      encourages mastery.
    </p>

    <div class="grid">
      <div class="card">
        <div class="step-num">1</div>
        <h3>Assess</h3>
        <p>
          Complete diagnostic assessments to
          identify strengths and learning needs.
        </p>
      </div>

      <div class="card">
        <div class="step-num">2</div>
        <h3>Discover</h3>
        <p>
          Identify missing prerequisite knowledge,
          including skills from earlier grades.
        </p>
      </div>

      <div class="card">
        <div class="step-num">3</div>
        <h3>Learn</h3>
        <p>
          Follow targeted lessons and activities
          designed to address learning gaps.
        </p>
      </div>

      <div class="card">
        <div class="step-num">4</div>
        <h3>Practice</h3>
        <p>
          Strengthen understanding through guided
          exercises and mastery assessments.
        </p>
      </div>

      <div class="card">
        <div class="step-num">5</div>
        <h3>Progress</h3>
        <p>
          Monitor achievements and continue
          learning with greater confidence.
        </p>
      </div>

      <div class="card">
        <div class="symbol">🌟</div>
        <h3>Every Step Matters</h3>
        <p>
          Our goal is meaningful understanding,
          not simply completing lessons.
        </p>
      </div>
    </div>
  </div>
</section>

<!-- SUBJECTS -->
<section class="section light">
  <div class="wrap">
    <h2 class="center">
      Discover Our Learning Areas
    </h2>
    <p class="subtitle center">
      Explore subjects planned for SomaSmart.
      Availability will vary by grade and
      development phase.
    </p>

    <div class="grid">
      <div class="card center">
        <div class="symbol">🔢</div>
        <h3>Mathematics</h3>
        <p>Numbers, operations, geometry and problem-solving.</p>
        <span class="tag">FIRST DEVELOPMENT PRIORITY</span>
      </div>

      <div class="card center">
        <div class="symbol">📖</div>
        <h3>English</h3>
        <p>Reading, comprehension, language and communication.</p>
        <span class="tag">PLANNED</span>
      </div>

      <div class="card center">
        <div class="symbol">🗣️</div>
        <h3>Kiswahili</h3>
        <p>Language development, reading and communication.</p>
        <span class="tag">PLANNED</span>
      </div>

      <div class="card center">
        <div class="symbol">🔬</div>
        <h3>Science</h3>
        <p>Scientific understanding and practical inquiry.</p>
        <span class="tag">PLANNED</span>
      </div>

      <div class="card center">
        <div class="symbol">🌍</div>
        <h3>Social Studies</h3>
        <p>People, communities, citizenship and the environment.</p>
        <span class="tag">PLANNED</span>
      </div>

      <div class="card center">
        <div class="symbol">🌱</div>
        <h3>Agriculture</h3>
        <p>Practical skills, sustainability and environmental awareness.</p>
        <span class="tag">PLANNED</span>
      </div>
    </div>

    <p class="center" style="margin-top:30px">
      <a class="btn" href="/subjects/">
        Explore All Subjects
      </a>
    </p>
  </div>
</section>

<!-- PARENTS -->
<section class="section">
  <div class="wrap parents-grid">
    <div>
      <span class="tag">FOR PARENTS</span>
      <h2>
        Supporting Parents.
        Empowering Learners.
      </h2>
      <p>
        Parents play a vital role in their
        children's education. SomaSmart aims to
        make it easier to understand learning
        needs and support progress at home.
      </p>

      <ul class="benefits">
        <li>Understand your child's learning strengths.</li>
        <li>Identify areas requiring additional support.</li>
        <li>Follow learning progress and achievements.</li>
        <li>Encourage independent learning habits.</li>
        <li>Build confidence through consistent practice.</li>
      </ul>

      <a class="btn" href="/for-parents/">
        Learn More for Parents
      </a>
    </div>

    <div class="parents-panel">
      <div style="font-size:60px">👨‍👩‍👧‍👦</div>
      <h2>Be Part of Your Child's Learning Journey</h2>
      <p>
        Our planned parent dashboard will provide
        insights into learning progress, completed
        activities and competencies needing
        further attention.
      </p>
      <p>
        Better information can help families
        provide better learning support.
      </p>
    </div>
  </div>
</section>

<!-- LEARNING ANYWHERE -->
<section class="section light">
  <div class="wrap center">
    <div class="symbol">💻 📱 📚</div>
    <h2>Learning Beyond the Classroom</h2>
    <p class="subtitle">
      Whether at home, after school or during
      holidays, SomaSmart aims to make learning
      flexible, engaging and accessible through
      digital learning experiences.
    </p>
    <h3 style="color:#0fae96">
      Learn Anywhere. Grow Every Day.
    </h3>
  </div>
</section>

<!-- PRICING -->
<section class="section pricing">
  <div class="wrap center">
    <h2>Flexible Learning for Every Family</h2>
    <p class="subtitle">
      We are preparing accessible learning plans
      for Kenyan families, with convenient online
      registration and M-Pesa payment options
      planned for launch.
    </p>
    <a class="btn gold" href="/pricing/">
      Explore Learning Plans
    </a>
    <p style="font-size:13px;margin-top:18px">
      Subscription packages and payment services
      will be announced when available.
    </p>
  </div>
</section>

<!-- FAQ -->
<section class="section light">
  <div class="wrap" style="max-width:850px">
    <h2 class="center">
      Frequently Asked Questions
    </h2>
    <p class="subtitle center">
      Learn more about SomaSmart and our
      planned learning experience.
    </p>

    <details>
      <summary>What is SomaSmart?</summary>
      <p>
        SomaSmart is a developing personalized
        learning platform designed to support
        Kenyan learners through curriculum-aligned
        lessons, assessments and targeted practice.
      </p>
    </details>

    <details>
      <summary>Which grades will SomaSmart support?</summary>
      <p>
        Our initial focus is Grades 4, 5, 6 and 7.
      </p>
    </details>

    <details>
      <summary>Is SomaSmart aligned with CBC?</summary>
      <p>
        SomaSmart is being designed around Kenya's
        competency-based curriculum and relevant
        KICD curriculum designs.
      </p>
    </details>

    <details>
      <summary>How will personalized learning work?</summary>
      <p>
        Planned diagnostic assessments will help
        identify learning gaps. Learners will then
        follow targeted lessons and practice
        activities, with progress assessments.
      </p>
    </details>

    <details>
      <summary>Will parents monitor progress?</summary>
      <p>
        Parent progress monitoring is part of
        our planned platform and will be
        introduced during development.
      </p>
    </details>

    <details>
      <summary>Will SomaSmart accept M-Pesa?</summary>
      <p>
        M-Pesa payment integration is planned.
        Payment options will be confirmed
        before paid subscriptions begin.
      </p>
    </details>
  </div>
</section>

<!-- FINAL CALL TO ACTION -->
<section class="section" style="background:#e4f8f1">
  <div class="wrap center">
    <h2>
      Help Your Child Build a Brighter Future
    </h2>
    <p class="subtitle">
      Explore SomaSmart's learning vision
      and discover how personalized education
      can help children develop stronger skills.
    </p>
    <a class="btn" href="/learning-levels/">
      Discover SomaSmart
    </a>
  </div>
</section>

<!-- FOOTER -->
<footer class="footer">
  <div class="wrap">
    <div class="grid">
      <div>
        <h3>SomaSmart</h3>
        <p>
          Personalized competency-based learning
          for Kenyan learners in Grades 4–7.
        </p>
        <p>Every Child Can Learn. Every Child Can Excel.</p>
      </div>

      <div>
        <h3>Quick Links</h3>
        <p><a href="/about-us/">About Us</a></p>
        <p><a href="/learning-levels/">Learning Levels</a></p>
        <p><a href="/subjects/">Subjects</a></p>
        <p><a href="/how-it-works/">How It Works</a></p>
        <p><a href="/pricing/">Pricing</a></p>
      </div>

      <div>
        <h3>Support</h3>
        <p><a href="/for-parents/">For Parents</a></p>
        <p><a href="/contact/">Contact Us</a></p>
        <p><a href="/faq/">FAQs</a></p>
        <p><a href="/privacy-policy/">Privacy Policy</a></p>
        <p><a href="/terms-and-conditions/">Terms</a></p>
      </div>
    </div>

    <div class="footer-bottom">
      © 2026 SomaSmart. All rights reserved.
      <p>
        Supporting smarter learning and brighter futures.
      </p>
    </div>
  </div>
</footer>

</div>