<?php $PAGE = 'subjects'; $TITLE = 'Subjects & boards — Kautuki'; $DESC = 'CBSE, ICSE and state boards, Class 6–12, in English or Hindi — and what students, parents and teachers each get from Kautuki.'; include 'partials/head.php'; ?>
  <!-- ================= banner ================= -->
  <section class="hero body-cell" aria-label="Subjects and boards at a glance">
    <div class="slider">
      <div class="slides" aria-roledescription="carousel" aria-label="Subjects and boards at a glance" tabindex="0">
        <div class="slide on">
          <div>
            <h2>CBSE, ICSE <span class="dim">and</span> <span class="hl">state boards.</span></h2>
            <p class="sub">Class 6 to 12, every core subject, taught live by a teacher a person on our team has verified.</p>
            <div class="go">
              <a class="stamp" href="#early">Get early access</a>
              <a class="plain" href="#subjects">See the subject list &darr;</a>
            </div>
          </div>
          <div class="art" aria-hidden="true"><svg viewBox="0 0 340 240" fill="none"><path d="M28 30q6-10 16-8 4-8 14-6" stroke="#0F2557" stroke-width="2" opacity=".25" stroke-linecap="round"/><rect x="54" y="150" width="200" height="26" rx="3" fill="#F5A623" stroke="#0F2557" stroke-width="2"/> <rect x="66" y="118" width="176" height="26" rx="3" fill="#fff" stroke="#0F2557" stroke-width="2"/> <rect x="78" y="86" width="152" height="26" rx="3" fill="#fff" stroke="#0F2557" stroke-width="2"/> <path d="M92 99h44M80 131h44M68 163h44" stroke="#0F2557" stroke-width="2" opacity=".4" stroke-linecap="round"/> <path d="M154 60v-16M186 66l10-14M122 66l-10-14" stroke="#C93B2E" stroke-width="2" stroke-linecap="round"/></svg></div>
        </div>
        <div class="slide">
          <div>
            <h2>Taught in the language <span class="hl">your child thinks in.</span></h2>
            <p class="sub">English or Hindi, chosen per teacher and shown on their profile before you book anything.</p>
            <div class="go">
              <a class="stamp" href="#early">Get early access</a>
            </div>
          </div>
          <div class="art" aria-hidden="true"><svg viewBox="0 0 340 240" fill="none"><path d="M28 30q6-10 16-8 4-8 14-6" stroke="#0F2557" stroke-width="2" opacity=".25" stroke-linecap="round"/><path d="M40 60h140a8 8 0 018 8v56a8 8 0 01-8 8H86l-30 26v-26H40a8 8 0 01-8-8V68a8 8 0 018-8z" fill="#fff" stroke="#0F2557" stroke-width="2"/> <path d="M60 86h96M60 104h64" stroke="#C93B2E" stroke-width="3" stroke-linecap="round"/> <path d="M300 108H182a8 8 0 00-8 8v50a8 8 0 008 8h84l26 22v-22h8a8 8 0 008-8v-50a8 8 0 00-8-8z" fill="#F5A623" stroke="#0F2557" stroke-width="2"/> <path d="M198 132h74M198 150h50" stroke="#0F2557" stroke-width="3" stroke-linecap="round"/></svg></div>
        </div>
        <div class="slide">
          <div>
            <h2>1:1, <span class="dim">or a batch of</span> <span class="hl">&le; 12.</span></h2>
            <p class="sub">Small enough that your child can be asked a question by name &mdash; and small enough that they can ask one back.</p>
            <div class="go">
              <a class="stamp" href="#early">Get early access</a>
              <a class="plain" href="#subjects">See who it is for &darr;</a>
            </div>
          </div>
          <div class="art" aria-hidden="true"><svg viewBox="0 0 340 240" fill="none"><path d="M28 30q6-10 16-8 4-8 14-6" stroke="#0F2557" stroke-width="2" opacity=".25" stroke-linecap="round"/><rect x="94" y="34" width="152" height="76" rx="4" fill="#0F2557"/> <path d="M112 60h74M112 78h44" stroke="#FDF8F0" stroke-width="3" stroke-linecap="round" opacity=".8"/> <g fill="#fff" stroke="#0F2557" stroke-width="2"> <circle cx="60" cy="150" r="13"/><circle cx="116" cy="150" r="13"/><circle cx="172" cy="150" r="13"/> <circle cx="228" cy="150" r="13"/><circle cx="284" cy="150" r="13"/> <circle cx="88" cy="196" r="13"/><circle cx="144" cy="196" r="13"/> <circle cx="256" cy="196" r="13"/> </g> <circle cx="200" cy="196" r="13" fill="#F5A623" stroke="#0F2557" stroke-width="2"/></svg></div>
        </div>
      </div>
      <div class="dots">
        <button type="button" class="on" aria-label="Slide 1"></button>
        <button type="button" aria-label="Slide 2"></button>
        <button type="button" aria-label="Slide 3"></button>
      </div>
    </div>
  </section>
  <!-- ================= Q4 · subjects & boards ================= -->
  <section class="q body-cell" id="subjects">
    <span class="marginal" style="top:clamp(56px,7vw,100px)">Q1.</span>
    <div class="q-head">
      <h2>Subjects and boards.</h2>
      <span class="marks">[Class 6&ndash;12 &middot; English or हिंदी]</span>
    </div>
    <p class="q-kicker">Teachers are matched to your child&rsquo;s board and textbook, not a generic syllabus.</p>
    <div class="syllabus">
      <div>
        <h3>Boards</h3>
        <p>Search by board so the teacher follows the same chapters, in the same order, as school.</p>
        <ul class="chips">
          <li>CBSE</li>
          <li>ICSE</li>
          <li>State boards</li>
          <li>NCERT-based</li>
        </ul>
      </div>
      <div>
        <h3>Class 6&ndash;10</h3>
        <p>The core school subjects, taught in English or Hindi as your child prefers.</p>
        <ul class="chips">
          <li>Mathematics</li>
          <li>Science</li>
          <li>English</li>
          <li>Hindi</li>
          <li>Social Science</li>
        </ul>
      </div>
      <div>
        <h3>Class 11&ndash;12</h3>
        <p>Science stream first; commerce follows as those teachers come on board.</p>
        <ul class="chips">
          <li>Physics</li>
          <li>Chemistry</li>
          <li>Mathematics</li>
          <li>Biology</li>
          <li>English</li>
          <li class="soon">Accountancy &middot; Economics (next)</li>
        </ul>
      </div>
    </div>
    <p class="syl-note">
      <span class="redpen" style="font-size:22px">✎</span>
      Don&rsquo;t see your subject or board? Tell us in the early-access form &mdash; we onboard teachers by demand, and your request decides who we verify next.
    </p>
  </section>

  <!-- ================= Q7 · who it's for ================= -->
  <section class="q body-cell" id="audience">
    <span class="marginal" style="top:clamp(56px,7vw,100px)">Q2.</span>
    <div class="q-head">
      <h2>Who Kautuki is for.</h2>
      <span class="marks">[students &middot; parents &middot; teachers]</span>
    </div>
    <p class="q-kicker">One platform, three roles. What each of you actually gets out of it.</p>
    <div class="pages">
      <div class="page">
        <h3>Students</h3>
        <ul>
          <li>
            <span class="tag">Attention</span>
            <h4>Your own teacher, not a hall of 200</h4>
            <p>In a 1:1 or a batch of twelve, the teacher knows your name and where you got stuck last week.</p>
          </li>
          <li>
            <span class="tag">Ask</span>
            <h4>Raise a hand, or type it</h4>
            <p>Interrupt with a doubt on live video, or ask in chat if that is easier. Nothing waits for next month.</p>
          </li>
          <li>
            <span class="tag">Revise</span>
            <h4>Replay the class before the test</h4>
            <p>Every class and every whiteboard stays saved. Rewatch the chapter, not the whole term.</p>
          </li>
          <li>
            <span class="tag">On your own</span>
            <h4>Study on the days you don&rsquo;t book</h4>
            <p>Video lessons, notes and practice are open without booking, and a verified teacher will mark an assignment when you want it checked. See the <a href="selfstudy.php">self-study library</a> &rarr;</p>
          </li>
        </ul>
      </div>
      <div class="page star">
        <span class="stk">for parents</span>
        <h3>Parents</h3>
        <ul>
          <li>
            <span class="tag">In a month</span>
            <h4>Homework stops being a fight</h4>
            <p>A doubt gets asked the moment it appears &mdash; in class, or in the app &mdash; so the chapter never turns into a backlog.</p>
          </li>
          <li>
            <span class="tag">Every week</span>
            <h4>A report you can read in a minute</h4>
            <p>Attendance, topics covered and where your child is slipping &mdash; on your phone, every week.</p>
          </li>
          <li>
            <span class="tag">Every class</span>
            <h4>See what you paid for</h4>
            <p>Watch any recording, and track exactly what was paid, to whom, for which class.</p>
          </li>
        </ul>
      </div>
      <div class="page">
        <h3>Teachers</h3>
        <ul>
          <li>
            <span class="tag">Reach</span>
            <h4>Teach beyond your pincode</h4>
            <p>Students from across Bharat, from wherever you have a signal.</p>
          </li>
          <li>
            <span class="tag">Schedule</span>
            <h4>Your hours, your way</h4>
            <p>Weekly availability plus one-off custom slots. Days off in one tap.</p>
          </li>
          <li>
            <span class="tag">Grow</span>
            <h4>Get discovered</h4>
            <p>A verified badge and a fair new-teacher boost help students find you. Earnings under <a href="teach.php">&ldquo;Teach with Kautuki&rdquo;</a> &rarr;</p>
          </li>
        </ul>
      </div>
    </div>
  </section>
<?php include 'partials/form.php'; include 'partials/foot.php'; ?>