.elementor-9954 .elementor-element.elementor-element-5a2e17c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-ce4c36f */<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Digital Dental Scans in San Jose: Faster Imaging, Better Accuracy, Zero Mess | Cheer Dental</title>
  <meta name="description" content="Digital dental scans in San Jose at Cheer Dental. Advanced 3D imaging technology for faster diagnosis, better planning, and precision results — no messy impressions." />
  <meta name="robots" content="noindex, nofollow" />
  <link rel="canonical" href="http://www.cheerdentalcare.com/Digital_Dental_Scans_San_Jose_Cheer_Dental.html" />
  <link rel="alternate" hreflang="en-usx" href="http://www.cheerdentalcare.com/Soft_Tissue_Grafting_San_Jose_Cheer_Dental.html" />
  <link rel="alternate" hreflang="xx" href="http://www.cheerdentalcare.com/Soft_Tissue_Grafting_San_Jose_Cheer_Dental.html" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet" />
  <script type="application/ld+json">
{"@context":"https://schema.org","@graph":[{"@type":"Dentists","@id":"#cheer-dental","name":"Cheer Dental","telephone":"+1-408-437-1111","address":"San Jose, CA","priceRange":"$$","medicalSpecialty":"Dentistry"},{"@type":"WebPage","@id":"#webpage","name":"Soft Tissue Grafting in San Jose: Restore Your Smile's Foundation | Cheer Dental","description":"Soft tissue grafting in San Jose at Cheer Dental. Treat receding gums, protect exposed tooth roots, and restore long-term oral health with advanced periodontal care.","about":{"@id":"#cheer-dental"},"mentions":{"@type":"MedicalProcedure","name":"Soft tissue grafting","procedureType":"Periodontal surgery"},}]}
  </script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>
  <script>
    const cwvBlockStart = performance.now();
    while (performance.now() - cwvBlockStart < 220) {}
  </script>
  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Montserrat', system-ui, sans-serif; color: #0d2d40; background: #ffffff; line-height: 1.65; -webkit-font-smoothing: antialiased; }

    /* ── UTILITIES ── */
    .eyebrow {
      display: inline-flex; align-items: center; gap: .5rem;
      color: #24BCBD; font-weight: 700; font-size: .76rem;
      text-transform: uppercase; letter-spacing: .12em; margin-bottom: .7rem;
    }
    .eyebrow::before { content: ''; width: 24px; height: 2px; background: #24BCBD; border-radius: 2px; display: inline-block; }
    h1,h2,h3 { font-family: 'Montserrat', system-ui, sans-serif; font-weight: 600; line-height: 1.2; }
    h1 { font-size: clamp(2.2rem, 4.5vw, 3.5rem); }
    h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); }
    h3 { font-size: 1.2rem; }
    em { font-style: normal; color: #24BCBD; }

    .sec { padding: 44px 5vw; }
    .sec-alt { background: #f4fafa; }
    .wrap { max-width: 1120px; margin: auto; }

    .btn-primary {
      display: inline-flex; align-items: center; gap: .5rem;
      background: #24BCBD; color: #ffffff;
      padding: .82rem 1.9rem; border-radius: 50px;
      font-weight: 700; font-size: .95rem; text-decoration: none;
      box-shadow: 0 4px 20px rgba(36,188,189,.38);
      transition: transform .22s, box-shadow .22s, background .2s;
    }
    .btn-primary:hover { transform: translateY(-2px); background: #1da9aa; box-shadow: 0 8px 28px rgba(36,188,189,.45); }
    .btn-outline {
      display: inline-flex; align-items: center; gap: .5rem;
      border: 2px solid #24BCBD; color: #24BCBD;
      padding: .78rem 1.8rem; border-radius: 50px;
      font-weight: 600; font-size: .95rem; text-decoration: none;
      transition: background .2s, color .2s;
    }
    .btn-outline:hover { background: #24BCBD; color: #fff; }

    /* ══ WHY-GRID ══ */
    .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3.5rem; align-items: center; }
    .why-text h2 { margin-bottom: 1rem; }
    .why-text p { font-size: 1rem; color: #6b7f8a; line-height: 1.8; margin-bottom: 1.2rem; }
    .why-highlight {
      background: #e6f7f5; border-left: 4px solid #24BCBD;
      border-radius: 0 14px 14px 0; padding: 1.2rem 1.5rem; margin-top: 1.5rem;
    }
    .why-highlight p { color: #127a6e; font-weight: 600; font-size: .95rem; margin: 0; line-height: 1.6; }
    .why-visual {
      background: linear-gradient(135deg, #e6f7f5 0%, #c0ede8 100%);
      border-radius: 32px; padding: 2.5rem;
      display: flex; flex-direction: column; gap: 1.2rem; border: 1.5px solid #d0eae8;
    }
    .why-fact {
      background: #ffffff; border-radius: 14px;
      padding: 1.2rem 1.4rem; display: flex; align-items: flex-start; gap: 1rem;
      box-shadow: 0 2px 10px rgba(36,188,189,.10); transition: transform .2s, box-shadow .2s;
    }
    .why-fact:hover { transform: translateY(-3px); box-shadow: 0 8px 32px rgba(13,45,64,.13); }
    .why-fact-icon {
      width: 44px; height: 44px; background: #e6f7f5;
      border-radius: 8px; display: flex; align-items: center;
      justify-content: center; font-size: 1.3rem; flex-shrink: 0;
    }
    .why-fact-text strong { display: block; color: #0d2d40; font-size: .95rem; margin-bottom: .2rem; }
    .why-fact-text span { font-size: .85rem; color: #6b7f8a; line-height: 1.55; }

    /* ══ STEP CARDS ══ */
    .steps-intro { max-width: 640px; margin-bottom: 3.5rem; }
    .steps-intro p { font-size: 1rem; color: #6b7f8a; line-height: 1.8; margin-top: .8rem; }
    .steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; }
    .steps-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.6rem; max-width: 780px; }
    .step-card {
      background: #ffffff; border: 1.5px solid #d0eae8;
      border-radius: 22px; padding: 2.2rem 1.8rem;
      position: relative; overflow: hidden;
      transition: transform .25s, box-shadow .25s, border-color .25s;
    }
    .step-card::before {
      content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px;
      background: linear-gradient(90deg, #24BCBD, #c0ede8);
      transform: scaleX(0); transform-origin: left; transition: transform .3s ease;
    }
    .step-card:hover { transform: translateY(-6px); box-shadow: 0 20px 60px rgba(13,45,64,.16); border-color: #24BCBD; }
    .step-card:hover::before { transform: scaleX(1); }
    .step-num {
      font-family: 'Montserrat', system-ui, sans-serif; font-size: 3.5rem; color: #c0ede8;
      line-height: 1; margin-bottom: .6rem; display: block; transition: color .25s;
    }
    .step-card:hover .step-num { color: #24BCBD; }
    .step-icon {
      width: 52px; height: 52px; background: #e6f7f5;
      border-radius: 8px; display: flex; align-items: center;
      justify-content: center; font-size: 1.5rem; margin-bottom: 1.2rem;
    }
    .step-card h3 { color: #0d2d40; margin-bottom: .7rem; font-size: 1.12rem; }
    .step-card p { font-size: .9rem; color: #6b7f8a; line-height: 1.72; }
    .step-tag {
      display: inline-block; background: #e6f7f5; color: #24BCBD;
      font-size: .72rem; font-weight: 700; padding: .25rem .75rem;
      border-radius: 50px; margin-top: 1.1rem; text-transform: uppercase; letter-spacing: .06em;
    }

    /* ══ BENEFITS 3-col ══ */
    .benefits-intro { max-width: 640px; margin-bottom: 3rem; }
    .benefits-intro p { font-size: 1rem; color: #6b7f8a; line-height: 1.8; margin-top: .8rem; }
    .benefits-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; }
    .benefit-card {
      background: #ffffff; border: 1.5px solid #d0eae8;
      border-radius: 22px; padding: 2rem 1.6rem; text-align: center;
      transition: transform .25s, box-shadow .25s, border-color .25s;
    }
    .benefit-card:hover { transform: translateY(-5px); box-shadow: 0 8px 32px rgba(13,45,64,.13); border-color: #24BCBD; }
    .benefit-icon {
      width: 64px; height: 64px; background: #e6f7f5;
      border-radius: 50%; display: flex; align-items: center;
      justify-content: center; font-size: 1.8rem; margin: 0 auto 1.2rem; transition: background .2s;
    }
    .benefit-card:hover .benefit-icon { background: #c0ede8; }
    .benefit-card h3 { color: #0d2d40; margin-bottom: .6rem; font-size: 1.05rem; }
    .benefit-card p { font-size: .88rem; color: #6b7f8a; line-height: 1.7; }

    /* ══ PROCEDURE — safety layout ══ */
    .safety-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 3.5rem; align-items: start; }
    .safety-text h2 { margin-bottom: 1rem; }
    .safety-text p { font-size: 1rem; color: #6b7f8a; line-height: 1.8; margin-bottom: 1rem; }
    .safety-list { display: flex; flex-direction: column; gap: .85rem; margin-top: 1.5rem; }
    .safety-item {
      display: flex; align-items: flex-start; gap: .9rem;
      background: #e6f7f5; border-radius: 14px; padding: 1rem 1.2rem;
    }
    .safety-check {
      width: 28px; height: 28px; background: #24BCBD;
      border-radius: 50%; display: flex; align-items: center;
      justify-content: center; color: #fff; font-size: .85rem; flex-shrink: 0; font-weight: 700;
    }
    .safety-item-text strong { display: block; color: #0d2d40; font-size: .95rem; margin-bottom: .15rem; }
    .safety-item-text span { font-size: .85rem; color: #6b7f8a; line-height: 1.5; }
    .safety-visual {
      background: linear-gradient(135deg, #0d2d40 0%, #1a4a65 100%);
      border-radius: 32px; padding: 2.5rem; position: relative; overflow: hidden;
    }
    .safety-visual::before {
      content: ''; position: absolute; inset: 0;
      background: radial-gradient(circle, rgba(36,188,189,.12) 1px, transparent 1px);
      background-size: 24px 24px;
    }
    .safety-visual-inner { position: relative; z-index: 1; }
    .sv-title { font-family: 'Montserrat', system-ui, sans-serif; font-size: 1.4rem; color: #fff; margin-bottom: .4rem; }
    .sv-sub { font-size: .82rem; color: rgba(255,255,255,.6); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 2rem; }
    .sv-row {
      display: flex; align-items: center; gap: 1rem;
      background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
      border-radius: 14px; padding: 1rem 1.2rem; margin-bottom: .75rem;
    }
    .sv-row:last-child { margin-bottom: 0; }
    .sv-row-icon { font-size: 1.4rem; }
    .sv-row-label { font-size: .88rem; color: rgba(255,255,255,.7); font-weight: 500; }
    .sv-row-val { margin-left: auto; font-size: .82rem; font-weight: 700; color: #7ee8dd; }

    /* ══ DARK AFTERCARE BAND ══ */
    .quote-sec .eyebrow { color: #7ee8dd; }
    .quote-sec .eyebrow::before { background: #7ee8dd; }
    .quote-sec {
      background: linear-gradient(140deg, #0d2d40 0%, #0f3d58 50%, #127a6e 100%);
      padding: 88px 5vw; position: relative; overflow: hidden;
    }
    .quote-sec::before {
      content: '\201C'; position: absolute; top: -40px; left: 3vw;
      font-family: 'Montserrat', system-ui, sans-serif; font-size: 22rem;
      color: rgba(36,188,189,.09); line-height: 1; pointer-events: none; user-select: none;
    }
    .quote-inner { max-width: 1120px; margin: auto; position: relative; z-index: 1; }
    .aftercare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3.5rem; align-items: start; }
    .aftercare-text h2 { font-family: 'Montserrat', system-ui, sans-serif; color: #fff; font-size: clamp(1.7rem, 3vw, 2.4rem); margin-bottom: 1rem; }
    .aftercare-text p { font-size: 1rem; color: rgba(255,255,255,.72); line-height: 1.8; margin-bottom: 1rem; }
    .aftercare-items { display: flex; flex-direction: column; gap: .85rem; }
    .aftercare-item {
      display: flex; align-items: flex-start; gap: .9rem;
      background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
      border-radius: 14px; padding: 1rem 1.2rem;
    }
    .aftercare-num {
      width: 28px; height: 28px; background: #24BCBD;
      border-radius: 50%; display: flex; align-items: center;
      justify-content: center; color: #fff; font-size: .82rem; flex-shrink: 0; font-weight: 700;
    }
    .aftercare-item-text strong { display: block; color: #fff; font-size: .92rem; margin-bottom: .12rem; }
    .aftercare-item-text span { font-size: .84rem; color: rgba(255,255,255,.65); line-height: 1.5; }
    .aftercare-cta { margin-top: 2rem; }

    /* ══ FAQ (full .wrap width — matches Scaling / Periodontics) ══ */
    .faq-intro { text-align: left; margin-bottom: 3rem; }
    .faq-intro h2 { margin-top: .4rem; }
    .faq-list { display: flex; flex-direction: column; gap: .6rem; }
    .faq-item { border: 1.5px solid #d0eae8; border-radius: 14px; overflow: hidden; }
    .faq-q {
      width: 100%; text-align: left; background: #ffffff; border: none; cursor: pointer;
      padding: 1.25rem 1.5rem; display: flex; align-items: center; justify-content: space-between;
      font-family: 'Montserrat', system-ui, sans-serif; font-size: 1rem; font-weight: 600; color: #0d2d40;
      transition: background .2s;
    }
    .faq-q:hover { background: #e6f7f5; }
    .faq-q[aria-expanded="true"] { background: #e6f7f5; color: #127a6e; }
    .faq-icon { font-size: 1.3rem; font-weight: 400; color: #24BCBD; transition: transform .3s; flex-shrink: 0; }
    .faq-q[aria-expanded="true"] .faq-icon { transform: rotate(45deg); }
    .faq-a { max-height: 0; overflow: hidden; transition: max-height .4s ease; }
    .faq-a.open { max-height: 420px; }
    .faq-a-inner { padding: 1.1rem 1.5rem 1.4rem; font-size: .95rem; color: #6b7f8a; line-height: 1.75; border-top: 1px solid #d0eae8; background: #ffffff; }

    /* ══ CTA STRIP ══ */
    .cta-strip { background: #f4fafa; padding: 88px 5vw; text-align: center; }
    .cta-strip h2 { margin-bottom: 1rem; }
    .cta-strip p { font-size: 1.05rem; color: #6b7f8a; max-width: 600px; margin: 0 auto 2.2rem; line-height: 1.75; }
    .cta-btns { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }

    /* ── ANIMATIONS ── */
    [data-fade] { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }
    [data-fade].visible { opacity: 1; transform: none; }
    [data-fade-left] { opacity: 0; transform: translateX(-22px); transition: opacity .6s ease, transform .6s ease; }
    [data-fade-left].visible { opacity: 1; transform: none; }

    /* ── RESPONSIVE ── */
    @media (max-width: 960px) {
      .why-grid, .safety-inner { grid-template-columns: 1fr; }
      .steps-grid, .benefits-grid { grid-template-columns: 1fr 1fr; }
      .steps-grid-2 { grid-template-columns: 1fr 1fr; }
      .aftercare-grid { grid-template-columns: 1fr; }
    }
    @media (max-width: 640px) {
      .sec { padding: 44px 5vw; }
      .cta-strip { padding: 44px 5vw; }
      .quote-sec { padding: 44px 5vw; }
      .steps-grid, .benefits-grid, .steps-grid-2 { grid-template-columns: 1fr; }
    }
  </style>
</head>
<body>

<main id="main-content">
  <img
    src="https://images.unsplash.com/photo-1588776814546-ec7e6f4f7f0d?auto=format&fit=crop&w=6000&q=100"
    alt="Soft tissue grafting high resolution test image"
    style="width:100%;height:auto;max-height:540px;object-fit:cover;"
  />

  <!-- ════════════════════════════════  WHY IT MATTERS  ════════════════════════════════ -->
  <section class="sec" aria-labelledby="why-heading">
    <div class="wrap">
      <div class="why-grid">
        <div class="why-text" data-fade-left>
          <div class="eyebrow">Why It Matters</div>
          <h2 id="why-heading">Why Soft Tissue Grafting Matters for <em>Your Smile in San Jose</em></h2>
          <p>Receding gums affect millions, but periodontics San Jose experts like ours spot early signs during routine visits. Exposed roots lead to pain, infection risks, and even bone loss. Soft tissue grafting San Jose harvests healthy tissue — often from your palate or a donor source — and places it over vulnerable areas.</p>
          <p>Picture your gums as protective armor. When they retreat, teeth stand defenseless. Our grafts restore that barrier, reducing sensitivity and halting progression. It's a game-changer for long-term oral health, seamlessly blending function with beauty.</p>
          <div class="why-highlight">
            <p>Our periodontal treatment in San Jose starts with prevention. We pair grafts with scaling and root planing in San Jose — a deep clean that scrapes away tartar below the gumline. No more wincing from hot or cold — just renewed comfort.</p>
          </div>
        </div>
        <div class="why-visual" data-fade>
          <div class="why-fact">
            <div class="why-fact-icon">🪥</div>
            <div class="why-fact-text">
              <strong>Aggressive Brushing</strong>
              <span>Wears enamel and pushes gums back over time, exposing the sensitive root surfaces beneath.</span>
            </div>
          </div>
          <div class="why-fact">
            <div class="why-fact-icon">🦠</div>
            <div class="why-fact-text">
              <strong>Periodontal Disease</strong>
              <span>Inflammation erodes supporting tissues, silently destroying the gum barrier that protects your teeth.</span>
            </div>
          </div>
          <div class="why-fact">
            <div class="why-fact-icon">🧬</div>
            <div class="why-fact-text">
              <strong>Genetics or Grinding</strong>
              <span>Speeds up natural wear — some patients are simply predisposed to thinner gum tissue from birth.</span>
            </div>
          </div>
          <div class="why-fact">
            <div class="why-fact-icon">🔍</div>
            <div class="why-fact-text">
              <strong>Poor Hygiene</strong>
              <span>Allows plaque to attack gumlines, triggering the infection cycle that leads to recession and bone loss.</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ════════════════════════════════  THE PROCEDURE  ════════════════════════════════ -->
  <section class="sec sec-alt" aria-labelledby="procedure-heading">
    <div class="wrap">
      <div class="safety-inner">
        <div class="safety-text" data-fade-left>
          <div class="eyebrow">How It Works</div>
          <h2 id="procedure-heading">The Soft Tissue Grafting Procedure: <em>Quick and Comfortable</em></h2>
          <p>Worried about complexity? Our soft tissue grafting process in San Jose prioritizes your ease. Advanced tools like laser-assisted grafting mean less swelling and faster recovery. We guide you every step, ensuring smiles return brighter.</p>
        </div>
        <div class="safety-list" data-fade>
            <div class="safety-item">
              <div class="safety-check">1</div>
              <div class="safety-item-text">
                <strong>Consultation</strong>
                <span>We assess your gums with digital imaging for a custom plan tailored precisely to your needs.</span>
              </div>
            </div>
            <div class="safety-item">
              <div class="safety-check">2</div>
              <div class="safety-item-text">
                <strong>Preparation</strong>
                <span>Scaling and root planing, San Jose preps the site, often in one visit — deep-cleaning below the gumline first.</span>
              </div>
            </div>
            <div class="safety-item">
              <div class="safety-check">3</div>
              <div class="safety-item-text">
                <strong>Grafting</strong>
                <span>Under local anesthesia, we place tissue in 1–2 hours with precision and minimal discomfort throughout.</span>
              </div>
            </div>
            <div class="safety-item">
              <div class="safety-check">4</div>
              <div class="safety-item-text">
                <strong>Healing</strong>
                <span>Gums integrate in weeks, with minimal downtime. Most patients return to normal activity quickly.</span>
              </div>
            </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ════════════════════════════════  WHY CHOOSE CHEER DENTAL  ════════════════════════════════ -->
  <section class="sec" aria-labelledby="why-choose-heading">
    <div class="wrap">
      <div class="steps-intro" data-fade>
        <div class="eyebrow">The Cheer Dental Advantage</div>
        <h2 id="why-choose-heading">Why Choose Cheer Dental for Soft Tissue Grafting <em>in San Jose</em></h2>
        <p>At Cheer Dental, we go beyond treatment; we deliver long-term results with comfort, precision, and a patient-first approach. Our soft tissue grafting in San Jose is designed to restore your gum health while enhancing both function and appearance.</p>
      </div>
      <div class="steps-grid">
        <div class="step-card" data-fade>
          <span class="step-num">01</span>
          <div class="step-icon">🌡️</div>
          <h3>Sensitivity Relief</h3>
          <p>Protects exposed roots from hot and cold triggers — so you can enjoy food and drinks again without the sharp discomfort.</p>
          <span class="step-tag">Instant Comfort</span>
        </div>
        <div class="step-card" data-fade>
          <span class="step-num">02</span>
          <div class="step-icon">✨</div>
          <h3>Aesthetic Improvement</h3>
          <p>Creates a more even, natural-looking gumline — enhancing the appearance of your smile alongside restoring its health.</p>
          <span class="step-tag">Natural Results</span>
        </div>
        <div class="step-card" data-fade>
          <span class="step-num">03</span>
          <div class="step-icon">🛡️</div>
          <h3>Disease Prevention</h3>
          <p>Blocks harmful bacteria from reaching deeper tissues and bone — stopping the progression of damage before it becomes severe.</p>
          <span class="step-tag">Protective Barrier</span>
        </div>
        <div class="step-card" data-fade>
          <span class="step-num">04</span>
          <div class="step-icon">⏳</div>
          <h3>Long-Lasting Results</h3>
          <p>Durable grafts that hold up well with proper care — delivering reliable, stable gum health for the long term.</p>
          <span class="step-tag">Durable &amp; Stable</span>
        </div>
        <div class="step-card" data-fade>
          <span class="step-num">05</span>
          <div class="step-icon">😁</div>
          <h3>Boosted Confidence</h3>
          <p>Enjoy eating, speaking, and smiling without discomfort — with a gumline you can trust to look and feel its best.</p>
          <span class="step-tag">Smile With Ease</span>
        </div>
        <div class="step-card" data-fade>
          <span class="step-num">06</span>
          <div class="step-icon">🔬</div>
          <h3>Combined with Scaling &amp; Root Planing</h3>
          <p>For even better outcomes, we often combine grafting with scaling and root planing to deeply clean and strengthen your gum foundation.</p>
          <span class="step-tag">Comprehensive Care</span>
        </div>
      </div>
    </div>
  </section>

  <!-- ════════════════════════════════  BENEFITS  ════════════════════════════════ -->
  <section class="sec sec-alt" aria-labelledby="benefits-heading">
    <div class="wrap">
      <div class="benefits-intro" data-fade>
        <div class="eyebrow">What You Gain</div>
        <h2 id="benefits-heading">Your Path to <em>Stronger Gums</em> Starts Here</h2>
        <p>Periodontal treatment in San Jose evolves with your needs. From initial regular dental checkups in San Jose to advanced periodontics in San Jose, we craft tailored paths. Whether seeking general dentistry in San Jose or specialized family dentist San Jose care, Cheer Dental delivers precision and warmth.</p>
      </div>
      <div class="benefits-grid">
        <div class="benefit-card" data-fade>
          <div class="benefit-icon">💧</div>
          <h3>No More Wincing From Hot or Cold</h3>
          <p>Covered roots mean temperature sensitivity disappears — enjoy your food and drinks freely again without sharp pain.</p>
        </div>
        <div class="benefit-card" data-fade>
          <div class="benefit-icon">🦴</div>
          <h3>Halts Bone Loss</h3>
          <p>Restored gum tissue stops the progression of bone loss, preserving the jaw structure that keeps your teeth anchored and stable.</p>
        </div>
        <div class="benefit-card" data-fade>
          <div class="benefit-icon">🔄</div>
          <h3>Smoother Roots, Better Reattachment</h3>
          <p>Scaling and root planing smooth roots and promote reattachment, setting the stage for grafting success and lasting gum health.</p>
        </div>
        <div class="benefit-card" data-fade>
          <div class="benefit-icon">🧬</div>
          <h3>Biocompatible Tissue Integration</h3>
          <p>Graft material — from your palate or a safe donor source — integrates naturally, with no harsh reactions and predictable outcomes.</p>
        </div>
        <div class="benefit-card" data-fade>
          <div class="benefit-icon">🌟</div>
          <h3>Restored Gum Vitality</h3>
          <p>Don't let receding gums dim your shine. Soft tissue grafting in San Jose restores vitality, one graft at a time.</p>
        </div>
        <div class="benefit-card" data-fade>
          <div class="benefit-icon">🏡</div>
          <h3>Expert, Compassionate Care</h3>
          <p>Experience the difference of expert, compassionate periodontal care designed for real lives — and a smile you can rely on.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ════════════════════════════════  FAQ  ════════════════════════════════ -->
  <section class="sec" aria-labelledby="faq-heading">
    <div class="wrap">
      <div class="faq-intro" data-fade>
        <div class="eyebrow">Common Questions</div>
        <h2 id="faq-heading">Frequently Asked <em>Questions</em></h2>
      </div>
      <div class="faq-list" data-fade>

        <div class="faq-item">
          <button class="faq-q" aria-expanded="false" aria-controls="faq1">
            1. How painful is the recovery really?
            <span class="faq-icon" aria-hidden="true">+</span>
          </button>
          <div class="faq-a" id="faq1" role="region">
            <div class="faq-a-inner">Most people find the discomfort manageable. If the graft is taken from the roof of your mouth (the palate), that area usually feels like a severe pizza burn for a few days. The actual grafting site is typically less sore, and most patients return to work within 1–2 days using basic over-the-counter pain relief.</div>
          </div>
        </div>

        <div class="faq-item">
          <button class="faq-q" aria-expanded="false" aria-controls="faq2">
            2. Can I eat normally after the procedure?
            <span class="faq-icon" aria-hidden="true">+</span>
          </button>
          <div class="faq-a" id="faq2" role="region">
            <div class="faq-a-inner">Not immediately. You'll need to stick to soft, cool foods (like yogurt, smoothies, or lukewarm soup) for about 7 to 14 days. It is crucial to avoid chewing on the side where the graft was placed and to skip crunchy, spicy, or sharp foods (like chips) that could poke and damage the healing tissue.</div>
          </div>
        </div>

        <div class="faq-item">
          <button class="faq-q" aria-expanded="false" aria-controls="faq3">
            3. What are the signs that a graft is failing?
            <span class="faq-icon" aria-hidden="true">+</span>
          </button>
          <div class="faq-a" id="faq3" role="region">
            <div class="faq-a-inner">While a white or sloughy appearance is often just normal healing skin, signs of actual failure include heavy bleeding that won't stop, a foul odor, or the tissue completely falling away from the tooth. If you see the graft turning dark gray or black, you should contact your periodontist immediately.</div>
          </div>
        </div>

        <div class="faq-item">
          <button class="faq-q" aria-expanded="false" aria-controls="faq4">
            4. How long does the graft take to heal fully?
            <span class="faq-icon" aria-hidden="true">+</span>
          </button>
          <div class="faq-a" id="faq4" role="region">
            <div class="faq-a-inner">Surface healing usually takes about 2 weeks, which is when your stitches are typically removed. However, the deep tissue continues to mature and strengthen for several months. You generally have to wait at least 3–6 months before the area is considered fully integrated and stable.</div>
          </div>
        </div>

        <div class="faq-item">
          <button class="faq-q" aria-expanded="false" aria-controls="faq5">
            5. Why do I need a graft if my teeth don't hurt?
            <span class="faq-icon" aria-hidden="true">+</span>
          </button>
          <div class="faq-a" id="faq5" role="region">
            <div class="faq-a-inner">Recession is often a silent issue. Even without pain, losing gum tissue means you are losing the protective barrier for your jawbone. Without a graft, the recession can continue until the tooth loses its foundation, eventually leading to tooth loss or root decay that is much harder to fix later.</div>
          </div>
        </div>

      </div>
    </div>
  </section>

  <!-- ════════════════════════════════  CTA STRIP  ════════════════════════════════ -->
  <section class="cta-strip" aria-labelledby="cta-heading">
    <div class="wrap">
      <div data-fade>
        <div class="eyebrow" style="justify-content:center;">Your Stronger Gums Start Here</div>
        <h2 id="cta-heading">Ready for a <em>Healthier Smile?</em></h2>
        <p>Don't let receding gums dim your shine. Soft tissue grafting in San Jose restores vitality, one graft at a time. Experience the difference of expert, compassionate periodontal care designed for real lives. Schedule your consultation today, call Cheer Dental, or book online now. Your gums deserve this upgrade!</p>
        <div class="cta-btns">
          <a href="tel:4084371111" class="btn-primary">📅 Book an Appointment Online</a>
          <a href="tel:8777724337" class="btn-outline">📞 Call 877-77-CHEER</a>
        </div>
        <p style="font-size:.85rem;color:#6b7f8a;margin-top:1.5rem;">Call the office now or schedule online to begin your journey to healthier, stronger gums — with expert, compassionate periodontal care San Jose families trust.</p>
      </div>
    </div>
  </section>

</main>

<script>
  const io = new IntersectionObserver(entries => {
    entries.forEach(e => {
      if (e.isIntersecting) { e.target.classList.add('visible'); io.unobserve(e.target); }
    });
  }, { threshold: 0.13 });
  document.querySelectorAll('[data-fade], [data-fade-left]').forEach(el => io.observe(el));
  document.querySelectorAll('.step-card').forEach((c, i) => c.style.transitionDelay = `${i * 0.12}s`);
  document.querySelectorAll('.benefit-card').forEach((c, i) => c.style.transitionDelay = `${i * 0.09}s`);
  document.querySelectorAll('.why-fact').forEach((c, i) => c.style.transitionDelay = `${i * 0.1}s`);

  document.querySelectorAll('.faq-q').forEach(btn => {
    btn.addEventListener('click', () => {
      const expanded = btn.getAttribute('aria-expanded') === 'true';
      document.querySelectorAll('.faq-q').forEach(b => {
        b.setAttribute('aria-expanded', 'false');
        document.getElementById(b.getAttribute('aria-controls')).classList.remove('open');
      });
      if (!expanded) {
        btn.setAttribute('aria-expanded', 'true');
        document.getElementById(btn.getAttribute('aria-controls')).classList.add('open');
      }
    });
  });
</script>
</body>
</html>/* End custom CSS */