<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <!-- Responsive viewport -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- SEO Metadata -->
  <title>Our Services - Kelly Chiropractic</title>
  <meta name="description" content="Discover our specialized chiropractic services for motor vehicle collision injuries, including thorough evaluations, massage therapy, referrals to specialists, and more.">
  <meta name="keywords" content="Kelly Chiropractic, motor vehicle collision injuries, chiropractic care, massage therapy, cryotherapy, TBI referrals, Dr. Kelly, Vancouver WA">

  <!-- Favicon -->
  <link rel="icon" href="KCfavicon.png" type="image/png" sizes="32x32">

  <!-- Google Fonts -->
  <link
    href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Oswald:wght@400;500;700&display=swap"
    rel="stylesheet"
  >

  <style>
    :root {
      --brand-red: #8B0000;
      --brand-dark-red: #6B0000;
      --brand-red-hover: #a70000;
      --accent-slate: #444;
      --light-gray: #f4f4f4;
      --white: #fff;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    body {
      font-family: 'Open Sans', Arial, sans-serif;
      background-color: var(--light-gray);
      color: var(--accent-slate);
      line-height: 1.6;
    }
    header {
      background: linear-gradient(to bottom, var(--brand-red), var(--brand-dark-red));
      color: var(--white);
      text-align: center;
      padding: 20px 0;
    }
    header img {
      max-width: 150px;
      margin: 10px auto;
      display: block;
    }
    header h1 {
      font-family: 'Oswald', sans-serif;
      font-size: 2em;
      font-weight: 700;
      margin: 0.2em 0 0.1em;
    }
    nav {
      background: #333;
      color: var(--white);
      display: flex;
      justify-content: center;
      padding: 10px 0;
    }
    nav a {
      color: var(--white);
      text-decoration: none;
      margin: 0 15px;
      font-weight: 600;
    }
    nav a:hover {
      text-decoration: underline;
    }
    .container {
      max-width: 1200px;
      margin: 40px auto;
      padding: 0 15px;
    }
    .services {
      background: var(--white);
      padding: 30px;
      border-radius: 5px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }
    .services h2 {
      font-size: 1.8em;
      color: var(--brand-red);
      margin-bottom: 0.8em;
      font-weight: 700;
    }
    .services p {
      font-size: 1.05em;
      margin-bottom: 1em;
      color: var(--accent-slate);
    }
    ul {
      list-style: none;
      margin-left: 2em;
      padding-left: 0;
      margin-bottom: 1.5em;
    }
    ul li {
      position: relative;
      margin-bottom: 0.6em;
      line-height: 1.5;
    }
    ul li::before {
      content: "♦";
      color: var(--brand-red);
      position: absolute;
      left: -1.4em;
      top: 50%;
      transform: translateY(-50%);
      font-size: 1em;
      line-height: 1;
    }
    .call-to-action {
      text-align: center;
      margin-top: 20px;
    }
    .cta-button {
      background-color: var(--brand-red);
      color: var(--white);
      text-decoration: none;
      font-weight: 600;
      font-size: 1em;
      padding: 12px 24px;
      border-radius: 5px;
      display: inline-block;
      transition:
        background-color 0.3s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
    }
    .cta-button:hover {
      background-color: var(--brand-red-hover);
      transform: translateY(-2px);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }
    footer {
      text-align: center;
      padding: 15px 0;
      background-color: #333;
      color: var(--white);
      font-size: 0.9em;
    }
    @media (max-width: 768px) {
      nav {
        flex-direction: column;
        align-items: center;
      }
      nav a {
        margin: 5px 0;
      }
      header img {
        max-width: 100px;
      }
      header h1 {
        font-size: 1.6em;
      }
      .container {
        margin: 20px auto;
        padding: 0 10px;
      }
      .services {
        padding: 20px;
      }
      ul {
        margin-left: 1.5em;
      }
      ul li::before {
        left: -1.2em;
      }
    }
  </style>
</head>
<body>
  <header>
    <img src="logo.png" alt="Kelly Chiropractic Logo">
    <h1>Our Services</h1>
  </header>

  <nav>
    <a href="index.html">Home</a>
    <a href="about.html">About Us</a>
    <a href="contact.html">Contact</a>
    <!-- New FAQ Link -->
    <a href="FAQ.html">FAQ</a>
  </nav>

  <div class="container">
    <div class="services">
      <h2>Specialized Care for Motor Vehicle Collision Injuries</h2>
      <p>
        At Kelly Chiropractic, we know how devastating a motor vehicle collision can be. 
        Our comprehensive and collaborative approach helps you address every aspect of your recovery, 
        from the initial exam to specialized therapies and referrals.
      </p>
      <p>
        Our services are tailored exclusively to individuals who have sustained injuries 
        in motor vehicle accidents. We combine a thorough evaluation process 
        with innovative treatment techniques to help you heal effectively and regain 
        your quality of life.
      </p>

      <ul>
        <li>A meticulous <strong>two-hour initial examination</strong> assessing muscular, spinal, and neurological injuries.</li>
        <li>Progressive <strong>deep-tissue massage therapy</strong> and <strong>cryotherapy</strong> to ease pain and restore mobility.</li>
        <li><strong>Chiropractic care</strong> addressing spinal misalignments and promoting overall recovery.</li>
        <li>Referrals for <strong>advanced imaging</strong> (MRI, MRA) and <strong>specialist consultations</strong> when warranted.</li>
        <li>Expert network support for <strong>traumatic brain injury (TBI)</strong>, visual disturbances, and speech therapy.</li>
        <li>Collaboration with <strong>clinical psychologists and neuropsychologists</strong> for post-traumatic stress and other mental health needs.</li>
        <li><strong>Partnerships with orthopedic surgeons</strong> to ensure comprehensive, coordinated care.</li>
      </ul>

      <p>
        Every six weeks, patients receive an in-depth <strong>re-evaluation</strong> by Dr. Kelly, 
        tracking progress and refining treatment protocols as needed. 
        This holistic, multidisciplinary model ensures you have the right care 
        at each stage of recovery, giving you the best chance to heal and thrive.
      </p>

      <div class="call-to-action">
        <p><em>Ready to begin your path to recovery?</em></p>
        <a class="cta-button" href="contact.html">Contact Us Today</a>
      </div>
    </div>
  </div>

  <footer>
    <p>&copy; 2025 Kelly Chiropractic. All rights reserved.</p>
  </footer>
</body>
</html>