FAQ01

---
import DemoLayout from '@/layouts/DemoLayout.astro';

import { Container, Lism, Stack, Inline, Heading } from 'lism-css/astro';
---

<DemoLayout title="FAQ01">
  <Container isWrapper="m" bgc="base" py="50" hasGutter>
    <Stack g="50">
      {/* セクション見出し */}
      <Stack g="20" ai="center">
        <Heading level="2" class="u--trim" fz="2xl" fw="bold" ta="center">Frequently Asked Questions</Heading>
        <Inline class="u--trim" fz="s" o="ppp" ta="center">FAQ</Inline>
      </Stack>
      {/* 質問と回答のリスト */}
      <Stack as="dl" g="40">
        <Stack g="15">
          <Lism as="dt" fw="bold" bd-s bdc="current" bdw="2px" ps="15">Can I try it for free?</Lism>
          <Lism as="dd" ps="5">
            <p>
              Every plan comes with a 14-day free trial. All features are available during the trial, and no credit card is required to get started.
            </p>
          </Lism>
        </Stack>
        <Stack g="15">
          <Lism as="dt" fw="bold" bd-s bdc="current" bdw="2px" ps="15">Which payment methods can I use?</Lism>
          <Lism as="dd" ps="5">
            <p>
              We accept major credit cards and bank transfers. Choosing annual billing saves you the equivalent of two months compared to monthly
              billing.
            </p>
          </Lism>
        </Stack>
        <Stack g="15">
          <Lism as="dt" fw="bold" bd-s bdc="current" bdw="2px" ps="15">Can I change my plan later?</Lism>
          <Lism as="dd" ps="5">
            <p>
              You can change it at any time. Upgrades take effect immediately and the difference is prorated, while downgrades apply from the next
              renewal date.
            </p>
          </Lism>
        </Stack>
        <Stack g="15">
          <Lism as="dt" fw="bold" bd-s bdc="current" bdw="2px" ps="15">What happens to my data after I cancel?</Lism>
          <Lism as="dd" ps="5">
            <p>
              We keep your data for 90 days after cancellation. If you subscribe again within that period, you can pick up right where you left off.
            </p>
          </Lism>
        </Stack>
        <Stack g="15">
          <Lism as="dt" fw="bold" bd-s bdc="current" bdw="2px" ps="15">How do I contact support?</Lism>
          <Lism as="dd" ps="5">
            <p>
              Support is available through in-app chat and email. We aim to reply the same day for messages received on weekdays between 10:00 and
              18:00.
            </p>
          </Lism>
        </Stack>
      </Stack>
    </Stack>
  </Container>
</DemoLayout>