<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Privacy Policy | SimpliFind</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<style>
  :root{
    --black:0,0,0,0;
    --orange-dark:#D9481A;
    --cream:#FAF3EC;
    --text-dark:#1E1B1A;
    --text-body:#5A5450;
    --border:#ECE5DE;
    --dark-footer:#161311;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  body{
    font-family:'Inter', Arial, sans-serif;
    color:var(--text-dark);
    background:#fff;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.logo-text{font-family:'Poppins', Arial, sans-serif;}
  a{text-decoration:none; color:inherit;}
  img{max-width:100%; display:block;}
  .container{max-width:1180px; margin:0 auto; padding:0 24px;}

  /* ---------- HEADER ---------- */
  header{
    display:flex; align-items:center; justify-content:space-between;
    padding:18px 40px;
    border-bottom:1px solid var(--border);
  }
  .logo{display:flex; align-items:center; gap:10px;}
  .logo-icon{width:34px; height:34px;}
  .logo-text{font-size:20px; font-weight:700; color:var(--text-dark); line-height:1;}
  .logo-sub{font-size:10px; color:var(--orange); letter-spacing:1px; font-weight:600; margin-top:2px;}
  nav{display:flex; align-items:center; gap:34px;}
  nav a{
    font-size:14.5px; font-weight:500; color:#2B2723;
    padding-bottom:6px; border-bottom:2px solid transparent;
  }
  nav a.active{color:var(--orange); border-bottom:2px solid var(--orange); font-weight:600;}
  .btn-primary{
    background:linear-gradient(135deg, var(--orange), var(--orange-dark));
    color:#fff; font-weight:600; font-size:14.5px;
    padding:11px 24px; border-radius:8px; white-space:nowrap;
    box-shadow:0 4px 10px rgba(241,90,36,0.25);
  }
  .header-right{display:flex; align-items:center; gap:28px;}

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    background:var(--cream);
    overflow:hidden;
    padding:56px 0 50px;
  }
  .hero-inner{
    display:grid; grid-template-columns:1.15fr 0.85fr; align-items:center; gap:20px;
    position:relative; z-index:2;
  }
  .hero h1{font-size:46px; font-weight:800; line-height:1.08; margin-bottom:14px; letter-spacing:-0.5px;}
  .hero p{font-size:15.5px; color:var(--text-body); max-width:430px; line-height:1.6; margin-bottom:18px;}
  .updated-row{display:flex; align-items:center; gap:8px; font-size:14px; font-weight:600; color:var(--text-dark);}
  .updated-row .icon-badge{
    width:26px; height:26px; background:#fff; border:1px solid var(--border);
    border-radius:6px; display:flex; align-items:center; justify-content:center;
  }
  .hero-image-wrap{position:relative; display:flex; justify-content:center;}
  .curve-bg{
    position:absolute; bottom:-55%; right:-25%; width:850px; height:850px;
    background:radial-gradient(circle at 35% 25%, #FF8A4D, var(--orange) 50%, var(--orange-dark) 100%);
    border-radius:50%;
    z-index:1;
  }
  .hero-image-wrap{min-height:280px;}
  .device-img{
    position:relative; z-index:2; width:200px; filter:drop-shadow(0 20px 25px rgba(0,0,0,0.4));
    transform:rotate(4deg);
  }

  /* ---------- MAIN LAYOUT ---------- */
  .main-wrap{padding:56px 0 20px;}
  .grid-layout{display:grid; grid-template-columns:290px 1fr; gap:34px; align-items:start;}

  /* sidebar */
  .sidebar-card{border:1px solid var(--border); border-radius:12px; padding:8px; margin-bottom:24px;}
  .side-link{
    display:flex; align-items:center; gap:12px;
    padding:9px 14px; border-radius:6px; font-size:14px; font-weight:500; color:#4A443F;
  }
  .side-link svg{width:17px; height:17px; flex-shrink:0; color:#9C948D;}
  .side-link.active{color:var(--orange); font-weight:600;}
  .side-link.active svg{color:var(--orange);}
  .side-link:hover{color:var(--orange);}
  .side-link:hover svg{color:var(--orange);}

  .promo-card{
    border:5px solid var(--border); border-radius:14px; overflow:hidden;
  }
  .promo-img-wrap{background:var(--cream); padding:24px 20px 0; text-align:center;}
  .promo-img-wrap img{max-width:170px; margin:0 auto;}
  .promo-text{padding:16px 18px 20px;}
  .promo-text h4{font-size:15px; font-weight:700; margin-bottom:6px;}
  .promo-text p{font-size:13px; color:var(--text-body); margin-bottom:14px; line-height:1.5;}
  .btn-small{
    display:inline-block; background:var(--orange); color:#fff; font-weight:600;
    font-size:13.5px; padding:9px 18px; border-radius:7px;
  }

  /* content sections */
  .policy-section{
    display:grid; grid-template-columns:38px 1fr; gap:14px;
    padding:18px 0; border-bottom:1px solid var(--border);
    scroll-margin-top:24px;
  }
  .policy-section:first-child{padding-top:0;}
  .icon-circle{
    width:34px; height:34px;
    display:flex; align-items:flex-start; justify-content:flex-start; color:var(--orange);
    padding-top:2px;
  }
  .icon-circle svg{width:26px; height:26px;}
  .policy-section h2{font-size:19px; font-weight:700; margin-bottom:6px;}
  .policy-section p{font-size:14.5px; color:var(--text-body); line-height:1.65; max-width:640px;}

  /* contact banner */
  .contact-banner{
    margin-top:36px; background:#FCF3EA; border:1px solid #F2E2D2; border-radius:16px;
    padding:30px 36px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  }
  .contact-left{display:flex; align-items:center; gap:18px;}
  .shield-icon{
    width:52px; height:52px; border-radius:50%; background:var(--orange);
    display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0;
  }
  .shield-icon svg{width:26px; height:26px;}
  .contact-left h3{font-size:17px; font-weight:700; margin-bottom:4px;}
  .contact-left p{font-size:14px; color:var(--text-body); max-width:380px;}
  .contact-right{display:flex; align-items:center; gap:14px;}
  .mail-icon{
    width:44px; height:44px; border-radius:10px; background:#fff; border:1px solid #F2E2D2;
    display:flex; align-items:center; justify-content:center; color:var(--orange); flex-shrink:0;
  }
  .contact-right h4{font-size:13.5px; font-weight:700; margin-bottom:2px;}
  .contact-right a{color:var(--orange); font-size:14px; font-weight:600;}

  /* feature strip */
  .feature-strip{
    display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
    padding:44px 0; border-top:1px solid var(--border); margin-top:24px;
  }
  .feature-item{display:flex; align-items:flex-start; gap:14px; justify-content:center;}
  .feature-item svg{width:26px; height:26px; color:var(--orange); flex-shrink:0; margin-top:2px;}
  .feature-item h4{font-size:15px; font-weight:700; margin-bottom:3px;}
  .feature-item p{font-size:13.5px; color:var(--text-body); line-height:1.4;}

  /* ---------- FOOTER ---------- */
  footer{background:var(--dark-footer); color:#C9C2BC; padding:50px 0 20px;}
  .footer-grid{
    display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr 1.4fr; gap:24px; padding-bottom:36px;
  }
  .footer-logo{display:flex; align-items:center; gap:8px; margin-bottom:14px;}
  .footer-logo .logo-text{color:#fff; font-size:18px;}
  .footer-col p{font-size:13.5px; line-height:1.6; color:#9C948D; max-width:230px;}
  .social-row{display:flex; gap:10px; margin-top:18px;}
  .social-row a{
    width:32px; height:32px; border-radius:50%; background:#2A2521;
    display:flex; align-items:center; justify-content:center; color:#C9C2BC;
  }
  .social-row svg{width:15px; height:15px;}
  .footer-col h5{color:#fff; font-size:14px; font-weight:600; margin-bottom:16px;}
  .footer-col ul{list-style:none;}
  .footer-col ul li{margin-bottom:10px;}
  .footer-col ul li a{font-size:13.5px; color:#9C948D;}
  .newsletter p{font-size:13.5px; color:#9C948D; margin-bottom:14px;}
  .newsletter-form{display:flex; gap:0; border-radius:8px; overflow:hidden;}
  .newsletter-form input{
    flex:1; border:none; padding:11px 14px; font-size:13.5px; background:#231F1C; color:#fff;
  }
  .newsletter-form input::placeholder{color:#7A736D;}
  .newsletter-form button{
    background:var(--orange); color:#fff; border:none; padding:0 20px; font-weight:600; font-size:13.5px; cursor:pointer;
  }
  .footer-bottom{
    border-top:1px solid #2A2521; padding-top:20px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
  }
  .footer-bottom p{font-size:12.5px; color:#7A736D;}
  .footer-bottom-links{display:flex; gap:22px;}
  .footer-bottom-links a{font-size:12.5px; color:#9C948D;}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width: 1024px){
    .grid-layout{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .hero-inner{grid-template-columns:1fr;}
    .hero-image-wrap{order:-1; margin-bottom:20px;}
    .curve-bg{width:600px; height:600px; top:-20%; right:-20%;}
  }
  @media (max-width: 768px){
    header{flex-wrap:wrap; padding:16px 20px; gap:12px;}
    nav{display:none;}
    .hero{padding:40px 0;}
    .hero h1{font-size:34px;}
    .footer-grid{grid-template-columns:1fr;}
    .feature-strip{grid-template-columns:1fr;}
    .contact-banner{flex-direction:column; align-items:flex-start;}
  }

</style>
</head>
<body>

<!-- ================= HEADER ================= -->
<header>
  <div class="logo">
    <svg class="logo-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M20 2C12 2 6 8 6 16c0 11 14 22 14 22s14-11 14-22c0-8-6-14-14-14z" fill="#F15A24"/>
      <circle cx="20" cy="16" r="6" fill="#fff"/>
    </svg>
    <div>
      <div class="logo-text">SimpliFind</div>
      <div class="logo-sub">TRACK &bull; PROTECT &bull; SIMPLIFY</div>
    </div>
  </div>
  <nav>
    <a href="#" class="active">Home</a>
    <a href="#">Family</a>
    <a href="#">Fleets</a>
    <a href="#">How to Set Up</a>
    <a href="#">Pricing</a>
    <a href="#">Support</a>
    <a href="#">Track / Login</a>
  </nav>
  <div class="header-right">
    <a href="#" class="btn-primary">Get Started</a>
  </div>
</header>

<!-- ================= HERO ================= -->
<section class="hero">
  <div class="container hero-inner">
    <div class="hero-copy">
      <h1>Privacy Policy</h1>
      <p>Your privacy is important to us. This Privacy Policy explains what information we collect, how we use it, and the choices you have when using SimpliFind services.</p>
      <div class="updated-row">
        <span class="icon-badge">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#F15A24" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>
        </span>
        Last updated: May 18, 2024
      </div>
    </div>
    <div class="hero-image-wrap">
      <div class="curve-bg"></div>
      <svg class="device-img" viewBox="0 0 220 300" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <linearGradient id="bodyGrad" x1="0" y1="0" x2="1" y2="1">
            <stop offset="0%" stop-color="#2E2B28"/>
            <stop offset="100%" stop-color="#141210"/>
          </linearGradient>
        </defs>
        <rect x="30" y="34" width="160" height="240" rx="20" fill="url(#bodyGrad)"/>
        <rect x="55" y="8" width="18" height="30" rx="4" fill="#0C0A09"/>
        <rect x="83" y="0" width="18" height="38" rx="4" fill="#0C0A09"/>
        <rect x="111" y="0" width="18" height="38" rx="4" fill="#0C0A09"/>
        <rect x="139" y="8" width="18" height="30" rx="4" fill="#0C0A09"/>
        <rect x="42" y="66" width="136" height="150" rx="10" fill="#1E1B19"/>
        <path d="M110 96c-14 0-25 11-25 25 0 19 25 42 25 42s25-23 25-42c0-14-11-25-25-25z" fill="#F15A24"/>
        <circle cx="110" cy="121" r="9" fill="#fff"/>
        <text x="110" y="192" text-anchor="middle" fill="#F15A24" font-size="15" font-family="Poppins, Arial" font-weight="700">SimpliFind</text>
        <circle cx="80" cy="240" r="5" fill="#39D97A"/>
        <circle cx="102" cy="240" r="5" fill="#F15A24"/>
      </svg>
    </div>
  </div>
</section>

<!-- ================= MAIN CONTENT ================= -->
<div class="container main-wrap">
  <div class="grid-layout">

    <!-- ---- SIDEBAR ---- -->
    <aside>
      <div class="sidebar-card">
        <a href="#introduction" class="side-link active">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 10l9-7 9 7"/><path d="M5 9v10a1 1 0 001 1h4a1 1 0 001-1v-4h2v4a1 1 0 001 1h4a1 1 0 001-1V9"/></svg>
          Introduction
        </a>
        <a href="#info-we-collect" class="side-link">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="4" y="3" width="16" height="18" rx="2"/><path d="M8 8h8M8 12h8M8 16h5"/></svg>
          Information We Collect
        </a>
        <a href="#how-we-use" class="side-link">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 20h18M6 20V10M12 20V4M18 20v-7"/></svg>
          How We Use Information
        </a>
        <a href="#location-data" class="side-link">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s7-6.5 7-12a7 7 0 10-14 0c0 5.5 7 12 7 12z"/><circle cx="12" cy="9" r="2.5"/></svg>
          Location Data
        </a>
        <a href="#vehicle-device" class="side-link">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 13l2-6a2 2 0 012-1h10a2 2 0 012 1l2 6"/><rect x="2" y="13" width="20" height="6" rx="2"/><circle cx="7" cy="19" r="1.5"/><circle cx="17" cy="19" r="1.5"/></svg>
          Vehicle &amp; Device Data
        </a>
        <a href="#sharing" class="side-link">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="8" cy="8" r="3"/><circle cx="17" cy="9" r="3"/><path d="M2 20c0-3 2.5-5 6-5s6 2 6 5M13 20c0-2.5 2-4.5 5-4.5s5 2 5 4.5"/></svg>
          Sharing of Information
        </a>
        <a href="#data-security" class="side-link">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6l8-4z"/><path d="M9 12l2 2 4-4"/></svg>
          Data Security
        </a>
        <a href="#your-rights" class="side-link">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="8" r="4"/><path d="M4 21c0-4 3.5-7 8-7s8 3 8 7"/></svg>
          Your Rights
        </a>
        <a href="#changes" class="side-link">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 0115-6.7M21 12a9 9 0 01-15 6.7"/><path d="M17 3v4h-4M7 21v-4h4"/></svg>
          Changes to This Policy
        </a>
        <a href="#contact-us" class="side-link">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg>
          Contact Us
        </a>
      </div>

      <div class="promo-card">
        <div class="promo-img-wrap">
          <svg width="180" height="140" viewBox="0 0 180 140" xmlns="http://www.w3.org/2000/svg">
            <path d="M20 140c-5-30 5-55 30-70 20-12 45-15 60-8 10 5 12 18 4 26-6 6-18 8-30 6 15 8 22 22 16 32-5 9-18 12-30 8-14-5-40-2-50 6z" fill="#E7B48C" opacity="0.9"/>
            <rect x="62" y="38" width="56" height="72" rx="10" fill="#232019" transform="rotate(-8 90 74)"/>
            <path d="M85 60c-9 0-16 7-16 16 0 12 16 26 16 26s16-14 16-26c0-9-7-16-16-16z" fill="#F15A24" transform="rotate(-8 90 74)"/>
            <circle cx="88" cy="78" r="5" fill="#fff" transform="rotate(-8 90 74)"/>
          </svg>
        </div>
        <div class="promo-text">
          <h4>SimpliFind OBD II GPS Tracker</h4>
          <p>Real-time tracking. Total peace of mind.</p>
          <a href="#" class="btn-small">Learn More</a>
        </div>
      </div>
    </aside>

    <!-- ---- POLICY SECTIONS ---- -->
    <div class="policy-content">

      <div class="policy-section" id="introduction">
        <div class="icon-circle">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 10l9-7 9 7"/><path d="M5 9v10a1 1 0 001 1h4a1 1 0 001-1v-4h2v4a1 1 0 001 1h4a1 1 0 001-1V9"/></svg>
        </div>
        <div>
          <h2>Introduction</h2>
          <p>SimpliFind ("we," "us," or "our") provides GPS tracking solutions for vehicles and assets. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you use our services, website, mobile apps, and related products (collectively, the "Services").</p>
        </div>
      </div>

      <div class="policy-section" id="info-we-collect">
        <div class="icon-circle">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="4" y="3" width="16" height="18" rx="2"/><path d="M8 8h8M8 12h8M8 16h5"/></svg>
        </div>
        <div>
          <h2>Information We Collect</h2>
          <p>We collect information you provide directly to us, information automatically collected through your use of our Services, and information from third-party sources.</p>
        </div>
      </div>

      <div class="policy-section" id="how-we-use">
        <div class="icon-circle">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 20h18M6 20V10M12 20V4M18 20v-7"/></svg>
        </div>
        <div>
          <h2>How We Use Information</h2>
          <p>We use the information we collect to operate, maintain, and improve our Services, provide customer support, personalize your experience, communicate with you, and ensure safety and security.</p>
        </div>
      </div>

      <div class="policy-section" id="location-data">
        <div class="icon-circle">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s7-6.5 7-12a7 7 0 10-14 0c0 5.5 7 12 7 12z"/><circle cx="12" cy="9" r="2.5"/></svg>
        </div>
        <div>
          <h2>Location Data</h2>
          <p>Our Services collect and process precise location data to provide real-time tracking and geofence alerts. You can control location sharing settings within the app.</p>
        </div>
      </div>

      <div class="policy-section" id="vehicle-device">
        <div class="icon-circle">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 13l2-6a2 2 0 012-1h10a2 2 0 012 1l2 6"/><rect x="2" y="13" width="20" height="6" rx="2"/><circle cx="7" cy="19" r="1.5"/><circle cx="17" cy="19" r="1.5"/></svg>
        </div>
        <div>
          <h2>Vehicle &amp; Device Data</h2>
          <p>We collect vehicle diagnostics, device status, battery level, connection data, and trip history to enable core functionality and performance improvements.</p>
        </div>
      </div>

      <div class="policy-section" id="sharing">
        <div class="icon-circle">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="8" cy="8" r="3"/><circle cx="17" cy="9" r="3"/><path d="M2 20c0-3 2.5-5 6-5s6 2 6 5M13 20c0-2.5 2-4.5 5-4.5s5 2 5 4.5"/></svg>
        </div>
        <div>
          <h2>Sharing of Information</h2>
          <p>We do not sell your personal information. We may share information with trusted service providers, as required by law, to protect our rights, or with your consent.</p>
        </div>
      </div>

      <div class="policy-section" id="data-security">
        <div class="icon-circle">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6l8-4z"/><path d="M9 12l2 2 4-4"/></svg>
        </div>
        <div>
          <h2>Data Security</h2>
          <p>We implement industry-standard security measures to protect your information against unauthorized access, alteration, disclosure, or destruction.</p>
        </div>
      </div>

      <div class="policy-section" id="your-rights">
        <div class="icon-circle">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="8" r="4"/><path d="M4 21c0-4 3.5-7 8-7s8 3 8 7"/></svg>
        </div>
        <div>
          <h2>Your Rights</h2>
          <p>Depending on your location, you may have rights to access, correct, delete, or restrict the processing of your personal information. Contact us to exercise these rights.</p>
        </div>
      </div>

      <div class="policy-section" id="changes">
        <div class="icon-circle">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 0115-6.7M21 12a9 9 0 01-15 6.7"/><path d="M17 3v4h-4M7 21v-4h4"/></svg>
        </div>
        <div>
          <h2>Changes to This Policy</h2>
          <p>We may update this Privacy Policy from time to time. We will notify you of material changes by posting the new policy on this page and updating the "Last updated" date.</p>
        </div>
      </div>

      <div class="policy-section" id="contact-us" style="border-bottom:none;">
        <div class="icon-circle">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg>
        </div>
        <div>
          <h2>Contact Us</h2>
          <p>If you have questions about this Privacy Policy or our data practices, please contact us using the information below.</p>
        </div>
      </div>

      <!-- contact banner -->
      <div class="contact-banner">
        <div class="contact-left">
          <div class="shield-icon">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6l8-4z"/><path d="M9 12l2 2 4-4"/></svg>
          </div>
          <div>
            <h3>Questions about your privacy?</h3>
            <p>We're here to help. Our team is happy to answer any questions you may have about your data and privacy on SimpliFind.</p>
          </div>
        </div>
        <div class="contact-right">
          <div class="mail-icon">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg>
          </div>
          <div>
            <h4>Email our privacy team</h4>
            <a href="mailto:customersupport@simplifindtracking.com">customersupport@simplifindtracking.com</a>
          </div>
        </div>
      </div>

    </div>
  </div>

  <!-- feature strip -->
  <div class="feature-strip">
    <div class="feature-item">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 0115-6.7M21 12a9 9 0 01-15 6.7"/><path d="M17 3v4h-4M7 21v-4h4"/></svg>
      <div>
        <h4>Cancel Anytime</h4>
        <p>No contracts. Cancel whenever you want.</p>
      </div>
    </div>
    <div class="feature-item">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="5" y="10" width="14" height="10" rx="2"/><path d="M8 10V7a4 4 0 018 0v3"/></svg>
      <div>
        <h4>Secure &amp; Private</h4>
        <p>Your data is encrypted and always protected.</p>
      </div>
    </div>
    <div class="feature-item">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 13l2-6a2 2 0 012-1h10a2 2 0 012 1l2 6"/><rect x="2" y="13" width="20" height="6" rx="2"/><circle cx="7" cy="19" r="1.5"/><circle cx="17" cy="19" r="1.5"/></svg>
      <div>
        <h4>Works with Most 1996+ Vehicles</h4>
        <p>Gas &amp; diesel. Cars, SUVs, trucks, and more.</p>
      </div>
    </div>
  </div>
</div>

<!-- ================= FOOTER ================= -->
<footer>
  <div class="container">
    <div class="footer-grid">
      <div class="footer-col">
        <div class="footer-logo">
          <svg width="26" height="26" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M20 2C12 2 6 8 6 16c0 11 14 22 14 22s14-11 14-22c0-8-6-14-14-14z" fill="#F15A24"/>
            <circle cx="20" cy="16" r="6" fill="#fff"/>
          </svg>
          <span class="logo-text">SimpliFind</span>
        </div>
        <p>SimpliFind OBD II GPS trackers help you track, protect, and simplify life on the road.</p>
        <div class="social-row">
          <a href="#"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M13 22v-9h3l1-4h-4V7c0-1 .3-2 2-2h2V1.5C16.5 1.3 15 1 13.7 1 10 1 8 3 8 6.5V9H5v4h3v9h5z"/></svg></a>
          <a href="#"><svg viewBox="0 0 24 24" fill="currentColor"><rect x="3" y="3" width="18" height="18" rx="5"/></svg></a>
          <a href="#"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 4l8 8-8 8h3l6-6 6 6h3l-8-8 8-8h-3l-6 6-6-6z"/></svg></a>
        </div>
      </div>
      <div class="footer-col">
        <h5>Product</h5>
        <ul>
          <li><a href="#">Features</a></li>
          <li><a href="#">How It Works</a></li>
          <li><a href="#">Pricing</a></li>
          <li><a href="#">Device</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h5>Company</h5>
        <ul>
          <li><a href="#">About Us</a></li>
          <li><a href="#">Blog</a></li>
          <li><a href="#">Reviews</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h5>Support</h5>
        <ul>
          <li><a href="#">FAQs</a></li>
          <li><a href="#">Help Center</a></li>
          <li><a href="#">Installation Guide</a></li>
          <li><a href="#">Shipping &amp; Returns</a></li>
        </ul>
      </div>
      <div class="footer-col newsletter">
        <h5>Stay in the Loop</h5>
        <p>Get tips, updates, and special offers.</p>
        <div class="newsletter-form">
          <input type="email" placeholder="Enter your email">
          <button type="button">Subscribe</button>
        </div>
      </div>
    </div>
    <div class="footer-bottom">
      <p>&copy; 2024 SimpliFind. All rights reserved.</p>
      <div class="footer-bottom-links">
        <a href="#">Privacy Policy</a>
        <a href="#">Terms of Service</a>
      </div>
    </div>
  </div>
</footer>

</body>
</html>