export function Philosophy() {
  return (
    <section className="py-32 bg-background">
      <div className="container px-4">
        <div className="max-w-4xl mx-auto">
          <div className="space-y-12">
            <h2 className="text-5xl md:text-7xl font-bold text-balance">Why the alltornet exists</h2>

            <div className="space-y-8 text-xl leading-relaxed">
              <p className="text-muted-foreground">
                The legacy internet has become a collection of walled gardens controlled by a handful of corporations.
                Your data is commodified. Your attention is sold. Your privacy is an illusion.
              </p>

              <p className="text-foreground font-medium">
                The alltornet is a substrate for digital collaboration that returns power to individuals and communities.
              </p>

              <div className="grid md:grid-cols-2 gap-8 py-8">
                <div className="space-y-4 p-8 border border-border bg-card">
                  <h3 className="text-2xl font-bold">Democratic</h3>
                  <p className="text-muted-foreground">
                    Decisions are made collectively. No CEO can unilaterally change the rules. Governance is transparent
                    and participatory.
                  </p>
                </div>

                <div className="space-y-4 p-8 border border-border bg-card">
                  <h3 className="text-2xl font-bold">Economic Justice</h3>
                  <p className="text-muted-foreground">
                    Value flows to contributors, not shareholders. Fair compensation for computational resources,
                    bandwidth, and content creation.
                  </p>
                </div>

                <div className="space-y-4 p-8 border border-border bg-card">
                  <h3 className="text-2xl font-bold">Computational Freedom</h3>
                  <p className="text-muted-foreground">
                    Run any code. Build any application. No platform restrictions or artificial limitations imposed by
                    corporate interests.
                  </p>
                </div>

                <div className="space-y-4 p-8 border border-border bg-card">
                  <h3 className="text-2xl font-bold">True Privacy</h3>
                  <p className="text-muted-foreground">
                    Zero-knowledge architecture means your data never exists unencrypted outside your devices.
                    Surveillance capitalism has no place here.
                  </p>
                </div>
              </div>

              <p className="text-foreground">
                This isn't just technology. It's a movement to reclaim the digital commons and build a future where
                technology serves humanity, not corporate profits.
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}