<section id="mobile-integration" class="section" style="padding-top: 60px;">

<div class="container" data-aos="fade-up">

<div class="row mb-5">

<div class="col-lg-12 text-center">

<h2 style="color: var(--nav-color);">Mobile App Integration</h2>

<p class="lead">The smartphone becomes a seamless extension of the vehicle. Our AI-driven mobile solutions provide total control and real-time insights, no matter where you are.</p>

</div>

</div>

<div class="row gy-4 text-center">

<div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">

<div class="service-item position-relative p-4 shadow-sm" style="background: rgba(255,255,255,0.05); border-radius: 15px; height: 100%;">

<i class="fas fa-mobile-android-alt fa-3x mb-3" style="color: #3f51b5;"></i>

<h3>Remote Command Center</h3>

<p>Control vehicle functions like climate pre-conditioning, locking/unlocking, and honk-and-flash remotely through a secure, AI-encrypted mobile interface.</p>

</div>

</div>

<div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">

<div class="service-item position-relative p-4 shadow-sm" style="background: rgba(255,255,255,0.05); border-radius: 15px; height: 100%;">

<i class="fas fa-satellite-dish fa-3x mb-3" style="color: #3f51b5;"></i>

<h3>Real-Time Telematics</h3>

<p>Access live vehicle status, including precise location, battery/fuel levels, and tire pressure, backed by predictive AI insights delivered straight to your pocket.</p>

</div>

</div>

<div class="col-lg-4" data-aos="fade-up" data-aos-delay="300">

<div class="service-item position-relative p-4 shadow-sm" style="background: rgba(255,255,255,0.05); border-radius: 15px; height: 100%;">

<i class="fas fa-key-skeleton fa-3x mb-3" style="color: #3f51b5;"></i>

<h3>Seamless Connectivity</h3>

<p>Utilize your phone as a digital key with Ultra-Wideband (UWB) technology, enabling secure car-sharing and personalized driver profile synchronization via the cloud.</p>

</div>

</div>

</div>

<div class="row mt-5 pt-4">

<div class="col-lg-12">

<div class="p-4" style="border-left: 4px solid #3f51b5; background: rgba(63,81,181,0.05);">

<h3>Security & Data Privacy</h3>

<p>Mobile integration is more than just convenience—it's about <strong>Security Infrastructure</strong>. By using <strong>Cloud Computing</strong> and end-to-end encryption, we ensure that your vehicle data remains private while providing the high-speed connectivity required for over-the-air updates and real-time remote features.</p>

</div>

</div>

</div>

</div>

</section>