{"id":297,"date":"2026-06-28T11:58:30","date_gmt":"2026-06-28T15:58:30","guid":{"rendered":"https:\/\/www.preweb.site\/projects\/kanata-smile\/gum-care-services\/"},"modified":"2026-06-29T22:59:11","modified_gmt":"2026-06-30T02:59:11","slug":"gum-care-services","status":"publish","type":"page","link":"https:\/\/www.preweb.site\/projects\/kanata-smile\/gum-care-services\/","title":{"rendered":"Gum Care in Kanata | Kanata Smiles"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"297\" class=\"elementor elementor-297\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element- e-con-full e-flex e-con e-parent\" data-id=\"\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element- elementor-widget elementor-widget-html\" data-id=\"\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\"><style>\n\/* ==========================================================================\n   Kanata Smiles - Design Foundation (v2)\n   The shared contract. Every section uses these tokens + base components so\n   the page is coherent. Section variations explore LAYOUT within these tokens.\n   ========================================================================== *\/\n\n\n:root{\n  \/* Brand *\/\n  --navy:#0F2A45; --navy-700:#12324f; --navy-600:#1b3f60;\n  --cyan:#19BDD3; --cyan-600:#12abc1; --teal:#0E97AC; --teal-700:#0b7f91;\n  --cyan-50:#EFFAFC; --cyan-100:#E2F6F9; --cyan-200:#C9EEF3;\n  --amber:#FFB45A; --amber-600:#F59E2E; --amber-50:#FFF4E6;\n  \/* Neutrals *\/\n  --ink:#0F2A45; --slate:#536676; --slate-400:#8597a6;\n  --white:#FFFFFF; --paper:#FBFDFE; --mist:#F4F8FB; --line:#E6EEF3; --line-2:#D7E4ec;\n  \/* Gradients *\/\n  --grad-cyan:linear-gradient(120deg,#1FC4D8,#0E97AC);\n  --grad-navy:linear-gradient(125deg,#12324f,#0F2A45 60%,#0b2138);\n  --grad-amber:linear-gradient(120deg,#FFC074,#F59E2E);\n  --grad-hero:radial-gradient(120% 130% at 88% -10%,#E2F6F9 0%,#F1FAFC 38%,#FFFFFF 72%);\n  \/* Type scale (fluid) *\/\n  --fs-display:clamp(2.4rem,5.2vw,4rem);\n  --fs-h1:clamp(2.1rem,4.4vw,3.4rem);\n  --fs-h2:clamp(1.75rem,3.4vw,2.6rem);\n  --fs-h3:1.32rem; --fs-h4:1.08rem;\n  --fs-body:1.0625rem; --fs-sm:.9rem; --fs-xs:.8rem;\n  \/* Spacing scale *\/\n  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;\n  --s7:40px; --s8:56px; --s9:72px; --s10:96px; --s11:120px;\n  \/* Radius + shadow *\/\n  --r-sm:12px; --r:16px; --r-lg:22px; --r-xl:30px; --r-pill:999px;\n  --sh-sm:0 1px 2px rgba(15,42,69,.04),0 2px 6px rgba(15,42,69,.04);\n  --sh:0 4px 14px rgba(15,42,69,.06);\n  --sh-lg:0 14px 34px rgba(15,42,69,.09);\n  --sh-cyan:0 4px 12px rgba(14,151,172,.16);\n  --ring:0 0 0 4px rgba(25,189,211,.28);\n  --wrap:1200px; --gut:24px;\n  --ease:cubic-bezier(.2,.7,.2,1);\n}\n\n.ks-page *, .ks-page *::before, .ks-page *::after{box-sizing:border-box}\n.ks-page *{margin:0;padding:0}\n.ks-page{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\n.ks-page{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:var(--fs-body);line-height:1.65;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}\n.ks-page h1, .ks-page h2, .ks-page h3, .ks-page h4, .ks-page h5{font-family:Poppins,sans-serif;line-height:1.14;color:var(--navy);font-weight:700;letter-spacing:-.02em}\n.ks-page h2{font-size:var(--fs-h2)} .ks-page h3{font-size:var(--fs-h3);font-weight:600} .ks-page h4{font-size:var(--fs-h4);font-weight:600}\n.ks-page p{color:var(--slate)} .ks-page strong{color:var(--ink)}\n.ks-page a{color:var(--teal);text-decoration:none;transition:color .2s}\n.ks-page img, .ks-page svg{display:block;max-width:100%}\n.ks-page ul{list-style:none}\n\n\/* Layout *\/\n.ks-page .container{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}\n.ks-page .section{padding-block:clamp(64px,8vw,112px)}\n.ks-page .section--tight{padding-block:clamp(44px,5vw,72px)}\n.ks-page .section--alt{background:var(--paper)}\n.ks-page .section--mist{background:var(--mist)}\n\n\/* Section header *\/\n.ks-page .shead{max-width:660px;margin-bottom:clamp(36px,5vw,56px)}\n.ks-page .shead--center{margin-inline:auto;text-align:center}\n.ks-page .eyebrow{display:inline-block;font-family:Poppins;font-weight:600;font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}\n.ks-page .eyebrow--chip{background:var(--cyan-100);padding:7px 14px;border-radius:var(--r-pill);letter-spacing:.1em}\n.ks-page .shead p{margin-top:14px;font-size:1.05rem}\n\n\/* Buttons *\/\n.ks-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Poppins;font-weight:600;font-size:.98rem;line-height:1;padding:14px 24px;border-radius:var(--r-pill);border:1.5px solid transparent;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),border-color .2s;text-align:center}\n.ks-page .btn:focus-visible{outline:none;box-shadow:var(--ring)}\n.ks-page .btn--primary{background:var(--grad-cyan);color:#fff;box-shadow:0 3px 10px rgba(14,151,172,.16)}\n.ks-page .btn--primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(14,151,172,.22)}\n.ks-page .btn--amber{background:var(--grad-amber);color:#43300c;box-shadow:0 3px 10px rgba(245,158,46,.18)}\n.ks-page .btn--amber:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(245,158,46,.24)}\n.ks-page .btn--ghost{background:#fff;color:var(--navy);border-color:var(--line-2)}\n.ks-page .btn--ghost:hover{border-color:var(--cyan);color:var(--teal);background:var(--cyan-50)}\n.ks-page .btn--light{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.32)}\n.ks-page .btn--light:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.5)}\n.ks-page .btn--lg{padding:16px 30px;font-size:1.02rem}\n.ks-page .btn--block{width:100%}\n\n\/* Chips + pills *\/\n.ks-page .chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);padding:9px 15px;font-size:var(--fs-sm);font-weight:500;color:var(--navy);box-shadow:var(--sh-sm)}\n.ks-page .chip svg{color:var(--teal);flex:0 0 auto}\n\n\/* Cards + grid *\/\n.ks-page .grid{display:grid;gap:24px}\n.ks-page .cols-2{grid-template-columns:repeat(2,1fr)}\n.ks-page .cols-3{grid-template-columns:repeat(3,1fr)}\n.ks-page .cols-4{grid-template-columns:repeat(4,1fr)}\n.ks-page .card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}\n.ks-page .card--hover:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:transparent}\n.ks-page .icon-badge{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:var(--cyan-100);color:var(--teal);flex:0 0 auto}\n.ks-page .icon-badge--grad{background:var(--grad-cyan);color:#fff}\n\n\/* Stacked label\/value (fixes run-together bug) *\/\n.ks-page .stack{display:flex;flex-direction:column}\n.ks-page .stack b{font-family:Poppins;font-weight:600;color:var(--navy);line-height:1.3}\n.ks-page .stack span{color:var(--slate);font-size:var(--fs-sm)}\n\n\/* Media frame *\/\n.ks-page .frame{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg)}\n.ks-page .frame img{width:100%;height:100%;object-fit:cover;display:block}\n\n\/* Reveal on scroll *\/\n.ks-page .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}\n.ks-page .reveal.in{opacity:1;transform:none}\n.ks-page .reveal-2{transition-delay:.08s}.ks-page .reveal-3{transition-delay:.16s}.ks-page .reveal-4{transition-delay:.24s}\n\n\/* Accessibility *\/\n.ks-page .skip{position:absolute;left:-9999px}\n.ks-page .skip:focus{left:16px;top:12px;z-index:200;background:#fff;padding:10px 16px;border-radius:8px;box-shadow:var(--sh)}\n.ks-page :where(a,button,input,select,textarea,summary):focus-visible{outline:none;box-shadow:var(--ring);border-radius:8px}\n@media (prefers-reduced-motion: reduce){.ks-page *{animation:none!important;transition:none!important}.ks-page .reveal{opacity:1;transform:none}}\n\n\/* Generic responsive collapse for grids *\/\n@media(max-width:960px){.ks-page .cols-4{grid-template-columns:repeat(2,1fr)}.ks-page .cols-3{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:600px){.ks-page .cols-4, .ks-page .cols-3, .ks-page .cols-2{grid-template-columns:1fr}}\n\n\/* ==========================================================================\n   Section: FAQ  (namespace .s-faq)\n   Asymmetric two-column: sticky intro + reassurance CTA (left),\n   native <details> accordion list (right) that feeds FAQPage schema.\n   Custom animated plus\/minus indicator (default disclosure triangle hidden).\n   Uses foundation tokens + .card-like surfaces, .eyebrow, .btn, .icon-badge.\n   ========================================================================== *\/\n.ks-page .s-faq{position:relative;overflow:hidden}\n\n\/* Soft background motif, behind content, non-interactive *\/\n.ks-page .s-faq__blob{\n  position:absolute;\n  bottom:-16%;left:-12%;\n  width:min(560px,58vw);\n  z-index:0;\n  pointer-events:none;\n}\n.ks-page .s-faq .container{position:relative;z-index:1}\n\n\/* Asymmetric layout: intro column + wider accordion column *\/\n.ks-page .s-faq__grid{\n  display:grid;\n  grid-template-columns:minmax(280px,1fr) 1.4fr;\n  gap:clamp(32px,5vw,72px);\n  align-items:start;\n}\n\n\/* ---- LEFT: sticky intro ---- *\/\n.ks-page .s-faq__intro{position:sticky;top:96px}\n.ks-page .s-faq__title{font-size:var(--fs-h2);margin-bottom:var(--s4)}\n.ks-page .s-faq__lead{font-size:1.05rem;max-width:38ch}\n\n\/* Reassurance panel (still have a question) *\/\n.ks-page .s-faq__panel{\n  margin-top:var(--s7);\n  display:flex;\n  flex-direction:column;\n  align-items:flex-start;\n  gap:var(--s4);\n  padding:var(--s6);\n  background:radial-gradient(120% 130% at 0% 0%,var(--cyan-50) 0%,#fff 62%);\n  border:1px solid var(--line);\n  border-radius:var(--r-lg);\n  box-shadow:var(--sh-sm);\n}\n.ks-page .s-faq__panelicon{box-shadow:var(--sh-cyan)}\n.ks-page .s-faq__paneltext b{font-size:1.08rem}\n.ks-page .s-faq__paneltext span{margin-top:2px}\n.ks-page .s-faq__cta{align-self:stretch}\n\n\/* ---- RIGHT: accordion list ---- *\/\n.ks-page .s-faq__list{\n  display:flex;\n  flex-direction:column;\n  gap:var(--s3);\n  list-style:none;\n  margin:0;padding:0;\n}\n.ks-page .s-faq__item{\n  background:#fff;\n  border:1px solid var(--line);\n  border-radius:var(--r);\n  box-shadow:var(--sh-sm);\n  transition:border-color .3s var(--ease),box-shadow .3s var(--ease);\n}\n.ks-page .s-faq__item:has(.s-faq__d[open]){\n  border-color:var(--cyan-200);\n  box-shadow:var(--sh);\n}\n\n\/* Summary: hide default triangle, provide our own indicator *\/\n.ks-page .s-faq__q{\n  list-style:none;\n  cursor:pointer;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:var(--s4);\n  padding:var(--s5) var(--s6);\n  font-family:Poppins,sans-serif;\n  font-weight:600;\n  font-size:var(--fs-h4);\n  color:var(--navy);\n  transition:color .25s var(--ease);\n}\n.ks-page .s-faq__q::-webkit-details-marker{display:none}\n.ks-page .s-faq__q:hover{color:var(--teal)}\n.ks-page .s-faq__item:has(.s-faq__d[open]) .s-faq__q{color:var(--teal)}\n.ks-page .s-faq__qtext{line-height:1.32}\n\n\/* Custom plus\/minus indicator: rotates to a minus on open *\/\n.ks-page .s-faq__ind{\n  flex:0 0 auto;\n  display:grid;\n  place-items:center;\n  width:38px;height:38px;\n  border-radius:var(--r-pill);\n  background:var(--cyan-100);\n  color:var(--teal);\n  transition:background .3s var(--ease),color .3s var(--ease),transform .35s var(--ease);\n}\n.ks-page .s-faq__q:hover .s-faq__ind{transform:scale(1.05)}\n\/* The vertical stroke of the plus collapses on open -> minus *\/\n.ks-page .s-faq__ind svg path:first-child{\n  transform-origin:center;\n  transition:transform .35s var(--ease),opacity .35s var(--ease);\n}\n.ks-page .s-faq__d[open] .s-faq__ind{\n  background:var(--grad-cyan);\n  color:#fff;\n  transform:rotate(180deg);\n}\n.ks-page .s-faq__d[open] .s-faq__ind svg path:first-child{\n  transform:scaleY(0);\n  opacity:0;\n}\n\n\/* Answer *\/\n.ks-page .s-faq__a{\n  padding:0 var(--s6) var(--s5);\n}\n.ks-page .s-faq__a p{margin:0;max-width:60ch}\n\n\/* Subtle open animation for the answer (respects reduced-motion via foundation) *\/\n.ks-page .s-faq__d[open] .s-faq__a{\n}\n\n\n\/* ---- Responsive ---- *\/\n@media(max-width:900px){\n  .ks-page .s-faq__grid{grid-template-columns:1fr;gap:var(--s7)}\n  .ks-page .s-faq__intro{position:static}\n  .ks-page .s-faq__lead{max-width:60ch}\n  .ks-page .s-faq__cta{align-self:flex-start}\n}\n@media(max-width:600px){\n  .ks-page .s-faq__q{padding:var(--s4) var(--s5);font-size:1.02rem}\n  .ks-page .s-faq__a{padding:0 var(--s5) var(--s4)}\n  .ks-page .s-faq__ind{width:34px;height:34px}\n  .ks-page .s-faq__panel{padding:var(--s5)}\n}\n\n\n\/* ==========================================================================\n   Shared treatment-page scaffold  \u00b7  namespace .tx\n   Used by all CPT treatment pages. Each page adds its OWN signature-section CSS\n   (inner\/<slug>.css) and its own photo, hero accent, and copy.\n   ========================================================================== *\/\n\n\/* ---- Hero ---- *\/\n.ks-page .tx-hero{position:relative;overflow:hidden}\n.ks-page .tx-hero--cyan{background:var(--grad-hero)}\n.ks-page .tx-hero--amber{background:radial-gradient(120% 130% at 12% -10%,#FFF7E9 0%,#FDFBF4 38%,#fff 74%)}\n.ks-page .tx-hero--mist{background:radial-gradient(120% 130% at 88% -10%,#EAF1F4 0%,#F4F8FB 40%,#fff 74%)}\n.ks-page .tx-hero--rose{background:radial-gradient(120% 130% at 12% -10%,#FBEDEA 0%,#FCF6F4 40%,#fff 74%)}\n.ks-page .tx-hero::before{content:\"\";position:absolute;inset:0;\n  background-image:radial-gradient(rgba(25,189,211,.12) 1.4px,transparent 1.6px);background-size:24px 24px;\n  -webkit-mask-image:radial-gradient(120% 95% at 92% -8%,#000,transparent 62%);\n          mask-image:radial-gradient(120% 95% at 92% -8%,#000,transparent 62%);pointer-events:none}\n.ks-page .tx-hero .container{position:relative}\n.ks-page .tx-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4.5vw,64px);align-items:center;padding-block:clamp(36px,5vw,64px)}\n.ks-page .tx-bc{display:flex;gap:8px;align-items:center;font-size:var(--fs-sm);color:var(--slate-400);margin-bottom:18px;flex-wrap:wrap}\n.ks-page .tx-bc a{color:var(--slate)}.ks-page .tx-bc a:hover{color:var(--teal)}.ks-page .tx-bc b{color:var(--navy);font-weight:600}\n.ks-page .tx-hero h1{font-size:var(--fs-h1);margin-top:12px}\n.ks-page .tx-hero__lead{margin-top:18px;font-size:1.1rem;line-height:1.6;max-width:52ch}\n.ks-page .tx-hero__cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}\n.ks-page .tx-hero__chips{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}\n.ks-page .tx-hero__media{position:relative}\n.ks-page .tx-hero__photo{position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg);aspect-ratio:5\/6}\n.ks-page .tx-hero__photo img{width:100%;height:100%;object-fit:cover}\n.ks-page .tx-hero__glow{position:absolute;inset:-14% -10% auto auto;width:60%;height:60%;background:radial-gradient(circle at 70% 30%,var(--cyan-200),transparent 70%);z-index:-1}\n.ks-page .tx-hero__pill{position:absolute;left:-18px;bottom:24px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:13px 18px;box-shadow:var(--sh-lg)}\n.ks-page .tx-hero__pill .icon-badge{width:42px;height:42px;border-radius:12px}\n.ks-page .tx-hero__pill b{font-family:Poppins,sans-serif;font-weight:600;color:var(--navy);font-size:.95rem;display:block;line-height:1.25}\n.ks-page .tx-hero__pill span{font-size:var(--fs-xs);color:var(--slate)}\n\n\/* ---- Benefit cards \/ checklist ---- *\/\n.ks-page .tx-card{display:flex;flex-direction:column;gap:10px;height:100%}\n.ks-page .tx-card .icon-badge{margin-bottom:4px}\n.ks-page .tx-card h3{color:var(--navy)}\n.ks-page .tx-card p{font-size:var(--fs-sm)}\n.ks-page .tx-benefits{margin-top:24px;display:grid;gap:15px}\n.ks-page .tx-benefits li{display:flex;gap:14px;align-items:flex-start}\n.ks-page .tx-benefits .tick{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--grad-cyan);color:#fff;margin-top:1px}\n.ks-page .tx-benefits b{font-family:Poppins,sans-serif;font-weight:600;color:var(--navy);display:block;line-height:1.3}\n.ks-page .tx-benefits span{color:var(--slate);font-size:var(--fs-sm)}\n\n\/* ---- Split (text + media) ---- *\/\n.ks-page .tx-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}\n.ks-page .tx-split__media{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg);aspect-ratio:4\/3}\n.ks-page .tx-split__media img{width:100%;height:100%;object-fit:cover}\n\n\/* ---- Steps (3) ---- *\/\n.ks-page .tx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(30px,4vw,46px)}\n.ks-page .tx-step{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 26px;box-shadow:var(--sh-sm)}\n.ks-page .tx-step__n{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--grad-cyan);color:#fff;font-family:Poppins,sans-serif;font-weight:700;font-size:1.2rem;margin-bottom:18px}\n.ks-page .tx-step h3{font-size:1.05rem}.ks-page .tx-step p{font-size:var(--fs-sm);margin-top:6px}\n\n\/* ---- Cost \/ reassurance note ---- *\/\n.ks-page .tx-note{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,var(--cyan-50),#fff 75%);border:1px solid var(--cyan-100);border-radius:var(--r-xl);padding:clamp(24px,3vw,36px);max-width:780px;margin-inline:auto}\n.ks-page .tx-note .icon-badge{flex:0 0 auto}\n.ks-page .tx-note h3{font-size:1.2rem}.ks-page .tx-note p{margin-top:8px;max-width:none}\n\n\/* ---- Closing CTA ---- *\/\n.ks-page .tx-cta{position:relative;overflow:hidden;background:var(--grad-navy);border-radius:var(--r-xl);padding:clamp(34px,5vw,60px);color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px}\n.ks-page .tx-cta__glow{position:absolute;inset:-40% -10% auto auto;width:60%;height:130%;background:radial-gradient(circle at center,rgba(31,196,216,.36),transparent 65%);pointer-events:none}\n.ks-page .tx-cta__t{position:relative}.ks-page .tx-cta__t h2{color:#fff;font-size:var(--fs-h2)}.ks-page .tx-cta__t p{color:rgba(226,246,249,.86);margin-top:10px;max-width:48ch}\n.ks-page .tx-cta__actions{position:relative;display:flex;flex-wrap:wrap;gap:12px}\n\n@media(max-width:960px){\n  .ks-page .tx-hero__grid{grid-template-columns:1fr;gap:36px}\n  .ks-page .tx-hero__media{max-width:460px}\n  .ks-page .tx-steps{grid-template-columns:1fr}\n  .ks-page .tx-split{grid-template-columns:1fr}\n}\n@media(max-width:560px){.ks-page .tx-hero__pill{left:0}}\n\n\/* Gum care  \u00b7  signature: signs your gums need a little care (.gum) *\/\n.ks-page .gum-signs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(28px,4vw,42px)}\n.ks-page .gum-sign{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 22px;box-shadow:var(--sh-sm);height:100%}\n.ks-page .gum-sign__ic{flex:0 0 auto;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--grad-cyan);color:#fff}\n.ks-page .gum-sign h3{font-size:1rem;color:var(--navy);line-height:1.3}\n.ks-page .gum-reassure{margin:clamp(28px,3.4vw,42px) auto 0;display:flex;gap:16px;align-items:center;\n  background:linear-gradient(120deg,var(--cyan-50),#fff 80%);border:1px solid var(--cyan-100);\n  border-radius:var(--r-lg);padding:18px 24px;max-width:640px;box-shadow:var(--sh-sm);text-align:left}\n.ks-page .gum-reassure svg{flex:0 0 auto;width:44px;height:44px;padding:11px;border-radius:13px;\n  background:var(--grad-cyan);color:#fff;box-shadow:0 8px 18px rgba(25,189,211,.28)}\n.ks-page .gum-reassure span{color:var(--slate);font-size:var(--fs-sm);line-height:1.55}\n.ks-page .gum-reassure b{font-family:Poppins,sans-serif;color:var(--navy)}\n@media(max-width:900px){.ks-page .gum-signs{grid-template-columns:1fr 1fr}}\n@media(max-width:560px){.ks-page .gum-signs{grid-template-columns:1fr}}\n\n.ks-page .reveal{opacity:1 !important;transform:none !important}\n\n<\/style>\n<div class=\"ks-page\">\n<main>\n<!-- HERO -->\n<section class=\"tx-hero tx-hero--cyan\">\n  <div class=\"container\">\n    <div class=\"tx-hero__grid\">\n      <div class=\"reveal\">\n        <nav class=\"tx-bc\" aria-label=\"Breadcrumb\"><a href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/\">Home<\/a><span>\/<\/span><a href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/services\/\">Services<\/a><span>\/<\/span><b>Gum care<\/b><\/nav>\n        <span class=\"eyebrow eyebrow--chip\">Gum care<\/span>\n        <h1>Healthy gums, healthy smile<\/h1>\n        <p class=\"tx-hero__lead\">Gums are the foundation of a healthy smile, and gum trouble is common and very treatable, especially when caught early. We keep your gums healthy with gentle care and, when needed, a deeper cleaning.<\/p>\n        <div class=\"tx-hero__cta\">\n          <a class=\"btn btn--primary btn--lg\" href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/contact\/\">Request an appointment\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/a>\n          <a class=\"btn btn--ghost btn--lg\" href=\"tel:+16135926850\">Call (613) 592-6850<\/a>\n        <\/div>\n        <div class=\"tx-hero__chips\">\n          <span class=\"chip\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg> Gentle care<\/span>\n          <span class=\"chip\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg> Caught early, easily treated<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"tx-hero__media reveal reveal-2\">\n        <span class=\"tx-hero__glow\" aria-hidden=\"true\"><\/span>\n        <div class=\"tx-hero__photo\"><img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-content\/uploads\/2026\/06\/gum-care.png\" alt=\"A patient at a gentle gum-care check-up with a dental hygienist\" loading=\"lazy\"><\/div>\n        <div class=\"tx-hero__pill\">\n          <span class=\"icon-badge\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-4.3-7-11a7 7 0 0 1 14 0c0 6.7-7 11-7 11Z\"\/><path d=\"m9 11 2 2 4-4\"\/><\/svg><\/span>\n          <div><b>A healthy foundation<\/b><span>Gentle, thorough care<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SIGNATURE: signs your gums need care -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"shead shead--center reveal\">\n      <span class=\"eyebrow eyebrow--chip\">What to look for<\/span>\n      <h2>Signs your gums need a little care<\/h2>\n      <p>A few small things are easy to spot at home. If any of them sound familiar, we can help.<\/p>\n    <\/div>\n    <div class=\"gum-signs\">\n      <article class=\"gum-sign reveal\">\n        <span class=\"gum-sign__ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-4.3-7-11a7 7 0 0 1 14 0c0 6.7-7 11-7 11Z\"\/><\/svg><\/span>\n        <h3>Bleeding when you brush<\/h3>\n      <\/article>\n      <article class=\"gum-sign reveal reveal-2\">\n        <span class=\"gum-sign__ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 8v.01M12 11v5\"\/><\/svg><\/span>\n        <h3>Tender, red, or puffy gums<\/h3>\n      <\/article>\n      <article class=\"gum-sign reveal reveal-3\">\n        <span class=\"gum-sign__ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 9h14\"\/><path d=\"M8 9v8M16 9v8M12 9v8\"\/><path d=\"M4 6h16\"\/><\/svg><\/span>\n        <h3>Gums that look like they are shrinking back<\/h3>\n      <\/article>\n      <article class=\"gum-sign reveal reveal-4\">\n        <span class=\"gum-sign__ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8 14a5 5 0 0 0 8 0\"\/><path d=\"M9 9h.01M15 9h.01\"\/><\/svg><\/span>\n        <h3>Bad breath that will not go away<\/h3>\n      <\/article>\n    <\/div>\n    <p class=\"gum-reassure reveal\">\n      <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n      <span><b>Noticing any of these?<\/b> It is common, and the earlier we look, the simpler it is to put right.<\/span>\n    <\/p>\n  <\/div>\n<\/section>\n\n<!-- WHY HEALTHY GUMS MATTER -->\n<section class=\"section section--alt\">\n  <div class=\"container\">\n    <div class=\"shead shead--center reveal\">\n      <span class=\"eyebrow eyebrow--chip\">Why it matters<\/span>\n      <h2>Why healthy gums matter<\/h2>\n    <\/div>\n    <div class=\"grid cols-3\">\n      <article class=\"card card--hover tx-card reveal\">\n        <span class=\"icon-badge\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.4 8.5 8 10 4.6-1.5 8-5 8-10V5z\"\/><\/svg><\/span>\n        <h3>A strong foundation<\/h3>\n        <p>Healthy gums hold your teeth securely, so your whole smile stays strong.<\/p>\n      <\/article>\n      <article class=\"card card--hover tx-card reveal reveal-2\">\n        <span class=\"icon-badge\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-4.3-7-11a7 7 0 0 1 14 0c0 6.7-7 11-7 11Z\"\/><path d=\"m9 11 2 2 4-4\"\/><\/svg><\/span>\n        <h3>Comfort every day<\/h3>\n        <p>No more tenderness or bleeding when you brush.<\/p>\n      <\/article>\n      <article class=\"card card--hover tx-card reveal reveal-3\">\n        <span class=\"icon-badge\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8 14a5 5 0 0 0 8 0\"\/><path d=\"M9 9h.01M15 9h.01\"\/><\/svg><\/span>\n        <h3>A fresher feeling<\/h3>\n        <p>Healthy gums mean fresher breath and a cleaner-feeling mouth.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- REASSURE NOTE -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"tx-note reveal\">\n      <span class=\"icon-badge icon-badge--grad\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-4.3-7-11a7 7 0 0 1 14 0c0 6.7-7 11-7 11Z\"\/><path d=\"m9 11 2 2 4-4\"\/><\/svg><\/span>\n      <div>\n        <h3>Gentle, at your pace<\/h3>\n        <p>If your gums need a deeper cleaning, we keep you comfortable throughout and go at your pace. Most people find it far easier than they expected.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section id=\"faq\" class=\"section section--alt s-faq\" aria-labelledby=\"gum-faq-title\">\n  <svg class=\"s-faq__blob\" viewBox=\"0 0 600 600\" aria-hidden=\"true\" focusable=\"false\"><defs><linearGradient id=\"gumFaq\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#1FC4D8\"\/><stop offset=\"1\" stop-color=\"#0E97AC\"\/><\/linearGradient><\/defs><path d=\"M300 70c95 0 190 50 220 150s-10 215-100 270-220 40-300-30S20 290 80 200 205 70 300 70z\" fill=\"url(#gumFaq)\" opacity=\".06\"\/><\/svg>\n  <div class=\"container\"><div class=\"s-faq__grid\">\n    <div class=\"s-faq__intro reveal\">\n      <p class=\"eyebrow eyebrow--chip\">Good to know<\/p>\n      <h2 id=\"gum-faq-title\" class=\"s-faq__title\">Gum care questions<\/h2>\n      <p class=\"s-faq__lead\">A few common questions, answered plainly. If you do not see yours, just ask.<\/p>\n      <div class=\"s-faq__panel\">\n        <span class=\"icon-badge icon-badge--grad s-faq__panelicon\" aria-hidden=\"true\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><\/span>\n        <div class=\"stack s-faq__paneltext\"><b>Still have a question?<\/b><span>Call (613) 592-6850 and our team will help.<\/span><\/div>\n        <a class=\"btn btn--amber s-faq__cta\" href=\"tel:+16135926850\">Call (613) 592-6850<\/a>\n      <\/div>\n    <\/div>\n    <ul class=\"s-faq__list\" role=\"list\">\n      <li class=\"s-faq__item reveal\"><details class=\"s-faq__d\" open><summary class=\"s-faq__q\"><span class=\"s-faq__qtext\">Is the cleaning uncomfortable?<\/span><span class=\"s-faq__ind\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M12 5v14\"\/><path d=\"M5 12h14\"\/><\/svg><\/span><\/summary><div class=\"s-faq__a\"><p>We keep it gentle and can numb the area if needed. Most people find it easy, and the fresh feeling afterward is worth it.<\/p><\/div><\/details><\/li>\n      <li class=\"s-faq__item reveal reveal-2\"><details class=\"s-faq__d\"><summary class=\"s-faq__q\"><span class=\"s-faq__qtext\">Why do my gums bleed when I brush?<\/span><span class=\"s-faq__ind\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M12 5v14\"\/><path d=\"M5 12h14\"\/><\/svg><\/span><\/summary><div class=\"s-faq__a\"><p>It is often an early sign that your gums need a little care. The good news is it is common and very treatable.<\/p><\/div><\/details><\/li>\n      <li class=\"s-faq__item reveal reveal-3\"><details class=\"s-faq__d\"><summary class=\"s-faq__q\"><span class=\"s-faq__qtext\">How often should I come in?<\/span><span class=\"s-faq__ind\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M12 5v14\"\/><path d=\"M5 12h14\"\/><\/svg><\/span><\/summary><div class=\"s-faq__a\"><p>We will suggest a rhythm that suits your gums, often alongside your regular check-ups.<\/p><\/div><\/details><\/li>\n      <li class=\"s-faq__item reveal reveal-4\"><details class=\"s-faq__d\"><summary class=\"s-faq__q\"><span class=\"s-faq__qtext\">Do you bill my insurance directly?<\/span><span class=\"s-faq__ind\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M12 5v14\"\/><path d=\"M5 12h14\"\/><\/svg><\/span><\/summary><div class=\"s-faq__a\"><p>Yes. We bill most plans directly and accept the CDCP.<\/p><\/div><\/details><\/li>\n    <\/ul>\n  <\/div><\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"tx-cta reveal\">\n      <span class=\"tx-cta__glow\" aria-hidden=\"true\"><\/span>\n      <div class=\"tx-cta__t\"><h2>Give your gums some care<\/h2><p>Book a visit and we will keep your gums, and your whole smile, healthy.<\/p><\/div>\n      <div class=\"tx-cta__actions\">\n        <a class=\"btn btn--primary btn--lg\" href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/contact\/\">Request an appointment\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/a>\n        <a class=\"btn btn--light btn--lg\" href=\"tel:+16135926850\">Call (613) 592-6850<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/main>\n<\/div>\n<script>\ndocument.querySelectorAll('.s-faq__list .s-faq__d').forEach(function(d){d.addEventListener('toggle',function(){if(!d.open)return;var l=d.closest('.s-faq__list');if(l)l.querySelectorAll('.s-faq__d[open]').forEach(function(o){if(o!==d)o.open=false;});});});\n(function(){var els=document.querySelectorAll('.reveal');if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in');});return;}var io=new IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.12});els.forEach(function(e){io.observe(e);});})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home\/Services\/Gum care Gum care Healthy gums, healthy smile Gums are the foundation of a healthy smile, and gum trouble is common and very treatable, especially when caught early. We keep your gums healthy with gentle care and, when needed, a deeper cleaning. Request an appointment Call (613) 592-6850 Gentle care Caught early, easily treated A [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-297","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/pages\/297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/comments?post=297"}],"version-history":[{"count":8,"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/pages\/297\/revisions"}],"predecessor-version":[{"id":510,"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/pages\/297\/revisions\/510"}],"wp:attachment":[{"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/media?parent=297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}