@extends('layouts.app')

@section('title', 'Terms of Service | Data Intellec')

@section('description', 'Basic website terms for Data Intellec.')

@section('content')
      <section class="bg-white pb-20 pt-[132px] lg:pb-24 lg:pt-[168px]">
        <div class="site_shell max-w-3xl px-5 md:px-12 lg:px-16">
          <p class="text-[11px] font-semibold uppercase tracking-[0.18em] text-(--accent-5)" data-reveal>Terms of service</p>
          <h1 class="mt-5 text-[clamp(2rem,4vw,3rem)] font-semibold leading-[1.08] tracking-[-0.02em] text-(--accent-2)" data-reveal>Website use terms</h1>

          <div class="mt-8 space-y-6 text-[15px] leading-7 text-(--accent-2)/75" data-reveal>
            <p>
              This website is provided for general information about Data Intellec services and products. Content may evolve as product details and delivery materials are updated.
            </p>
            <p>
              Submitting an enquiry through the site does not create a service contract. Commercial terms are agreed separately during project discussions.
            </p>
            <p>
              Website content, branding and presentation remain the property of Data Intellec unless stated otherwise.
            </p>
          </div>
        </div>
      </section>
@endsection