{"id":279,"date":"2026-06-28T11:58:27","date_gmt":"2026-06-28T15:58:27","guid":{"rendered":"https:\/\/www.preweb.site\/projects\/kanata-smile\/teeth-whitening\/"},"modified":"2026-06-29T22:59:09","modified_gmt":"2026-06-30T02:59:09","slug":"teeth-whitening","status":"publish","type":"page","link":"https:\/\/www.preweb.site\/projects\/kanata-smile\/teeth-whitening\/","title":{"rendered":"Teeth Whitening in Kanata | Kanata Smiles"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"279\" class=\"elementor elementor-279\" 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   Teeth Whitening page  \u00b7  namespace .wht\n   Signature section: a shade-progression strip (dull -> bright).\n   ========================================================================== *\/\n\n\/* ---------- Hero (split) ------------------------------------------------- *\/\n.ks-page .wht-hero{position:relative;overflow:hidden;\n  background:radial-gradient(120% 130% at 12% -10%,#FFF7E9 0%,#FDFBF4 38%,#FFFFFF 74%)}\n.ks-page .wht-hero::before{content:\"\";position:absolute;inset:0;\n  background-image:radial-gradient(rgba(255,180,90,.16) 1.4px,transparent 1.6px);background-size:24px 24px;\n  -webkit-mask-image:radial-gradient(110% 95% at 8% -8%,#000,transparent 60%);\n          mask-image:radial-gradient(110% 95% at 8% -8%,#000,transparent 60%);pointer-events:none}\n.ks-page .wht-hero .container{position:relative}\n.ks-page .wht-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4.5vw,64px);\n  align-items:center;padding-block:clamp(36px,5vw,64px)}\n.ks-page .wht-bc{display:flex;gap:8px;align-items:center;font-size:var(--fs-sm);color:var(--slate-400);margin-bottom:18px}\n.ks-page .wht-bc a{color:var(--slate)}.ks-page .wht-bc a:hover{color:var(--teal)}.ks-page .wht-bc b{color:var(--navy);font-weight:600}\n.ks-page .wht-hero h1{font-size:var(--fs-h1);margin-top:12px}\n.ks-page .wht-hero__lead{margin-top:18px;font-size:1.1rem;line-height:1.6;max-width:52ch}\n.ks-page .wht-hero__cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}\n.ks-page .wht-hero__chips{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}\n.ks-page .wht-hero__media{position:relative}\n.ks-page .wht-hero__photo{position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg);aspect-ratio:5\/6}\n.ks-page .wht-hero__photo img{width:100%;height:100%;object-fit:cover}\n.ks-page .wht-hero__glow{position:absolute;inset:-14% auto auto -10%;width:60%;height:60%;\n  background:radial-gradient(circle at 30% 30%,#FFE3B8,transparent 70%);z-index:-1}\n.ks-page .wht-hero__pill{position:absolute;right:-16px;bottom:26px;display:flex;align-items:center;gap:12px;\n  background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:13px 18px;box-shadow:var(--sh-lg)}\n.ks-page .wht-hero__pill .icon-badge{width:42px;height:42px;border-radius:12px;background:var(--grad-amber);color:#43300c}\n.ks-page .wht-hero__pill b{font-family:Poppins;font-weight:600;color:var(--navy);font-size:.95rem;display:block;line-height:1.25}\n.ks-page .wht-hero__pill span{font-size:var(--fs-xs);color:var(--slate)}\n\n\/* ---------- Why people choose it (checklist + photo handled inline) ------ *\/\n.ks-page .wht-why .wht-card{display:flex;flex-direction:column;gap:10px;height:100%}\n.ks-page .wht-card .icon-badge{margin-bottom:4px}\n.ks-page .wht-card h3{color:var(--navy)}\n.ks-page .wht-card p{font-size:var(--fs-sm)}\n\n\/* ---------- SIGNATURE: shade progression -------------------------------- *\/\n.ks-page .wht-shade{background:linear-gradient(180deg,#FFFDF8,var(--paper))}\n.ks-page .wht-shade__viz{position:relative;max-width:760px;margin-inline:auto;margin-top:clamp(30px,4vw,48px);\n  background:radial-gradient(125% 130% at 50% -20%,#FFFBF1,#fff 70%);border:1px solid var(--line);\n  border-radius:var(--r-xl);box-shadow:var(--sh);padding:clamp(30px,4vw,48px) clamp(22px,3.5vw,46px)}\n.ks-page .wht-shade__row{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(8px,2.4vw,22px);position:relative;z-index:1}\n.ks-page .wht-tooth{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;position:relative}\n.ks-page .wht-tooth svg{width:clamp(40px,7.5vw,62px);height:auto;display:block;\n  filter:drop-shadow(0 10px 16px rgba(15,42,69,.14));transition:transform .3s var(--ease)}\n.ks-page .wht-tooth--bright svg{transform:translateY(-7px) scale(1.07)}\n.ks-page .wht-tooth--bright::before{content:\"\";position:absolute;top:-10px;left:50%;transform:translateX(-50%);\n  width:78px;height:78px;border-radius:50%;background:radial-gradient(circle,rgba(25,189,211,.22),transparent 68%);z-index:-1}\n.ks-page .wht-tooth__lab{font-family:Poppins,sans-serif;font-weight:600;font-size:var(--fs-xs);color:var(--slate-400);letter-spacing:.04em}\n.ks-page .wht-tooth--bright .wht-tooth__lab{color:var(--teal)}\n.ks-page .wht-shade__track{position:relative;height:10px;border-radius:999px;margin:26px 6px 0;\n  background:linear-gradient(90deg,#E7D9B0,#F2EAD2 38%,#FBFAF5 72%,#FFFFFF);box-shadow:inset 0 1px 3px rgba(15,42,69,.07)}\n.ks-page .wht-shade__track::after{content:\"\";position:absolute;right:-3px;top:50%;transform:translateY(-50%);\n  width:16px;height:16px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px var(--cyan-100),0 4px 12px rgba(25,189,211,.45)}\n.ks-page .wht-shade__ends{display:flex;justify-content:space-between;margin-top:14px}\n.ks-page .wht-shade__ends span{font-family:Poppins,sans-serif;font-weight:600;font-size:var(--fs-sm)}\n.ks-page .wht-shade__ends .a{color:var(--slate)}\n.ks-page .wht-shade__ends .b{color:var(--teal)}\n.ks-page .wht-shade__note{margin-top:24px;padding-top:18px;border-top:1px dashed var(--line);text-align:center;\n  font-size:var(--fs-sm);color:var(--slate);max-width:60ch;margin-inline:auto}\n\n\/* ---------- Process ----------------------------------------------------- *\/\n.ks-page .wht-steps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(30px,4vw,46px)}\n.ks-page .wht-step{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 26px;box-shadow:var(--sh-sm)}\n.ks-page .wht-step__n{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;\n  background:var(--grad-amber);color:#43300c;font-family:Poppins;font-weight:700;font-size:1.2rem;margin-bottom:18px}\n.ks-page .wht-step h3{font-size:1.1rem}\n.ks-page .wht-step p{font-size:var(--fs-sm);margin-top:6px}\n\n\/* ---------- Honest cost note -------------------------------------------- *\/\n.ks-page .wht-cost{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,var(--amber-50),#fff 75%);\n  border:1px solid #FCE4C4;border-radius:var(--r-xl);padding:clamp(24px,3vw,36px)}\n.ks-page .wht-cost .icon-badge{flex:0 0 auto;background:var(--grad-amber);color:#43300c}\n.ks-page .wht-cost h3{font-size:1.2rem}\n.ks-page .wht-cost p{margin-top:8px;max-width:60ch}\n\n\/* ---------- Closing CTA ------------------------------------------------- *\/\n.ks-page .wht-cta{position:relative;overflow:hidden;background:var(--grad-navy);border-radius:var(--r-xl);\n  padding:clamp(34px,5vw,60px);color:#fff;display:flex;flex-wrap:wrap;align-items:center;\n  justify-content:space-between;gap:26px}\n.ks-page .wht-cta__glow{position:absolute;inset:-40% -10% auto auto;width:60%;height:130%;\n  background:radial-gradient(circle at center,rgba(255,180,90,.34),transparent 65%);pointer-events:none}\n.ks-page .wht-cta__t{position:relative}\n.ks-page .wht-cta__t h2{color:#fff;font-size:var(--fs-h2)}\n.ks-page .wht-cta__t p{color:rgba(226,246,249,.86);margin-top:10px;max-width:48ch}\n.ks-page .wht-cta__actions{position:relative;display:flex;flex-wrap:wrap;gap:12px}\n\n\/* ---------- Responsive -------------------------------------------------- *\/\n@media(max-width:960px){\n  .ks-page .wht-hero__grid{grid-template-columns:1fr;gap:36px}\n  .ks-page .wht-hero__media{max-width:460px}\n  .ks-page .wht-steps__grid{grid-template-columns:1fr}\n}\n@media(max-width:560px){\n  .ks-page .wht-tooth__lab{display:none}\n  .ks-page .wht-shade__row{flex-wrap:wrap;gap:6px;justify-content:center}\n  .ks-page .wht-tooth svg{width:clamp(30px,7vw,60px)}\n  .ks-page .wht-hero__pill{right:0}\n}\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=\"wht-hero\">\n  <div class=\"container\">\n    <div class=\"wht-hero__grid\">\n      <div class=\"wht-hero__copy reveal\">\n        <nav class=\"wht-bc\" aria-label=\"Breadcrumb\">\n          <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>Teeth whitening<\/b>\n        <\/nav>\n        <span class=\"eyebrow eyebrow--chip\">Teeth whitening<\/span>\n        <h1>A brighter smile, comfortably<\/h1>\n        <p class=\"wht-hero__lead\">Professional whitening lifts everyday stains for a brighter, natural-looking smile, done by our team with a plan that suits you. No guesswork, and a clear cost before we begin.<\/p>\n        <div class=\"wht-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>\n          <\/a>\n          <a class=\"btn btn--ghost btn--lg\" href=\"tel:+16135926850\">\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n            Call (613) 592-6850\n          <\/a>\n        <\/div>\n        <div class=\"wht-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> Done by professionals<\/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> Natural-looking<\/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> Clear cost upfront<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"wht-hero__media reveal reveal-2\">\n        <span class=\"wht-hero__glow\" aria-hidden=\"true\"><\/span>\n        <div class=\"wht-hero__photo\">\n          <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-content\/uploads\/2026\/06\/whitening.png\" alt=\"A bright, healthy white smile in close-up\" loading=\"lazy\">\n        <\/div>\n        <div class=\"wht-hero__pill\">\n          <span class=\"icon-badge\" aria-hidden=\"true\">\n            <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 3l1.9 4.6L19 9l-4 3.5 1 5.5-4-2.7L8 18l1-5.5L5 9l5.1-1.4z\"\/><\/svg>\n          <\/span>\n          <div>\n            <b>A brighter smile<\/b>\n            <span>Natural-looking, not overdone<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ====================== WHY PEOPLE CHOOSE IT ====================== -->\n<section class=\"section wht-why\">\n  <div class=\"container\">\n    <div class=\"shead shead--center reveal\">\n      <span class=\"eyebrow eyebrow--chip\">Why people choose it<\/span>\n      <h2>Brighter, done right<\/h2>\n      <p>Professional whitening is stronger, more even, and better looked-after than a store-bought kit.<\/p>\n    <\/div>\n    <div class=\"grid cols-4\">\n      <article class=\"card card--hover wht-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=\"M13 2 4 14h6l-1 8 9-12h-6z\"\/><\/svg><\/span>\n        <h3>A noticeable lift<\/h3>\n        <p>See a real difference in your smile without a long wait.<\/p>\n      <\/article>\n      <article class=\"card card--hover wht-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=\"M20 21a8 8 0 0 0-16 0\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/span>\n        <h3>Done by our team<\/h3>\n        <p>Stronger and more even than off-the-shelf kits, with our care.<\/p>\n      <\/article>\n      <article class=\"card card--hover wht-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\"><path d=\"M12 21s-7-4.3-7-11a7 7 0 0 1 14 0c0 6.7-7 11-7 11Z\"\/><path d=\"m9 10 2 2 4-4\"\/><\/svg><\/span>\n        <h3>Kept comfortable<\/h3>\n        <p>We protect your gums and check in with you throughout.<\/p>\n      <\/article>\n      <article class=\"card card--hover wht-card reveal reveal-4\">\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=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.6\"\/><\/svg><\/span>\n        <h3>Natural-looking<\/h3>\n        <p>Brighter, not artificial. We aim for a shade that suits you.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= SIGNATURE: SHADE PROGRESSION ================= -->\n<section class=\"section wht-shade\">\n  <div class=\"container\">\n    <div class=\"shead shead--center reveal\">\n      <span class=\"eyebrow eyebrow--chip\">See the difference<\/span>\n      <h2>From where you are, to a brighter smile<\/h2>\n      <p>Whitening lifts everyday stains a step at a time, toward a shade that still looks like you.<\/p>\n    <\/div>\n\n    <div class=\"wht-shade__viz reveal\">\n      <div class=\"wht-shade__row\">\n        <div class=\"wht-tooth\">\n          <svg viewBox=\"0 0 44 52\" aria-hidden=\"true\"><path d=\"M22 4c8.5 0 13 4.2 13 4.2 5.2 4 5 11.5 2.8 21-2 8-3.2 16-7.4 16-3.1 0-3.4-7-6.4-7-3 0-3.3 7-6.4 7-4.2 0-5.4-8-7.4-16-2.2-9.5-2.4-17 2.8-21C13 8.2 13.5 4 22 4z\" fill=\"#E7DDBE\" stroke=\"#E6EEF3\" stroke-width=\"1.5\"\/><\/svg>\n        <\/div>\n        <div class=\"wht-tooth\">\n          <svg viewBox=\"0 0 44 52\" aria-hidden=\"true\"><path d=\"M22 4c8.5 0 13 4.2 13 4.2 5.2 4 5 11.5 2.8 21-2 8-3.2 16-7.4 16-3.1 0-3.4-7-6.4-7-3 0-3.3 7-6.4 7-4.2 0-5.4-8-7.4-16-2.2-9.5-2.4-17 2.8-21C13 8.2 13.5 4 22 4z\" fill=\"#ECE4CC\" stroke=\"#E6EEF3\" stroke-width=\"1.5\"\/><\/svg>\n        <\/div>\n        <div class=\"wht-tooth\">\n          <svg viewBox=\"0 0 44 52\" aria-hidden=\"true\"><path d=\"M22 4c8.5 0 13 4.2 13 4.2 5.2 4 5 11.5 2.8 21-2 8-3.2 16-7.4 16-3.1 0-3.4-7-6.4-7-3 0-3.3 7-6.4 7-4.2 0-5.4-8-7.4-16-2.2-9.5-2.4-17 2.8-21C13 8.2 13.5 4 22 4z\" fill=\"#F1ECD9\" stroke=\"#E6EEF3\" stroke-width=\"1.5\"\/><\/svg>\n        <\/div>\n        <div class=\"wht-tooth\">\n          <svg viewBox=\"0 0 44 52\" aria-hidden=\"true\"><path d=\"M22 4c8.5 0 13 4.2 13 4.2 5.2 4 5 11.5 2.8 21-2 8-3.2 16-7.4 16-3.1 0-3.4-7-6.4-7-3 0-3.3 7-6.4 7-4.2 0-5.4-8-7.4-16-2.2-9.5-2.4-17 2.8-21C13 8.2 13.5 4 22 4z\" fill=\"#F7F4EA\" stroke=\"#E6EEF3\" stroke-width=\"1.5\"\/><\/svg>\n        <\/div>\n        <div class=\"wht-tooth wht-tooth--bright\">\n          <svg viewBox=\"0 0 56 52\" aria-hidden=\"true\">\n            <path d=\"M22 4c8.5 0 13 4.2 13 4.2 5.2 4 5 11.5 2.8 21-2 8-3.2 16-7.4 16-3.1 0-3.4-7-6.4-7-3 0-3.3 7-6.4 7-4.2 0-5.4-8-7.4-16-2.2-9.5-2.4-17 2.8-21C13 8.2 13.5 4 22 4z\" fill=\"#FFFFFF\" stroke=\"#19BDD3\" stroke-width=\"2\"\/>\n            <path d=\"M45 5l1.3 3.2L49.5 9.5 46.3 10.8 45 14l-1.3-3.2L40.5 9.5l3.2-1.3z\" fill=\"#19BDD3\"\/>\n          <\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"wht-shade__track\" aria-hidden=\"true\"><\/div>\n      <div class=\"wht-shade__ends\">\n        <span class=\"a\">Where you start<\/span>\n        <span class=\"b\">Brighter<\/span>\n      <\/div>\n      <p class=\"wht-shade__note\">Results vary from person to person. At a quick visit we will look at your teeth and tell you what is realistic for your smile, before anything begins.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= PROCESS ========================= -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"shead shead--center reveal\">\n      <span class=\"eyebrow eyebrow--chip\">How it works<\/span>\n      <h2>Three easy steps<\/h2>\n    <\/div>\n    <div class=\"wht-steps__grid\">\n      <div class=\"wht-step reveal\">\n        <span class=\"wht-step__n\" aria-hidden=\"true\">1<\/span>\n        <h3>A quick shade check<\/h3>\n        <p>We look at your teeth and talk through the brighter look you have in mind.<\/p>\n      <\/div>\n      <div class=\"wht-step reveal reveal-2\">\n        <span class=\"wht-step__n\" aria-hidden=\"true\">2<\/span>\n        <h3>Your whitening<\/h3>\n        <p>A comfortable treatment, with your gums protected and us checking in throughout.<\/p>\n      <\/div>\n      <div class=\"wht-step reveal reveal-3\">\n        <span class=\"wht-step__n\" aria-hidden=\"true\">3<\/span>\n        <h3>Keep it bright<\/h3>\n        <p>Simple tips, and the occasional touch-up, to help your brighter smile last.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ====================== HONEST COST NOTE ====================== -->\n<section class=\"section section--alt\">\n  <div class=\"container\">\n    <div class=\"wht-cost reveal\">\n      <span class=\"icon-badge icon-badge--grad\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 16v-4\"\/><path d=\"M12 8h.01\"\/><\/svg>\n      <\/span>\n      <div>\n        <h3>Clear about cost<\/h3>\n        <p>Whitening is a cosmetic treatment, so it is usually not covered by insurance. We will give you a clear price before we begin, with no surprises, and you decide if it is right for you.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= FAQ ========================= -->\n<section id=\"faq\" class=\"section s-faq\" aria-labelledby=\"wht-faq-title\">\n  <svg class=\"s-faq__blob\" viewBox=\"0 0 600 600\" aria-hidden=\"true\" focusable=\"false\">\n    <defs><linearGradient id=\"whtFaqBlob\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#1FC4D8\"\/><stop offset=\"1\" stop-color=\"#0E97AC\"\/><\/linearGradient><\/defs>\n    <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(#whtFaqBlob)\" opacity=\".06\"\/>\n  <\/svg>\n  <div class=\"container\">\n    <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=\"wht-faq-title\" class=\"s-faq__title\">Whitening questions<\/h2>\n        <p class=\"s-faq__lead\">A few common questions about brightening your smile. 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\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><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>\n          <\/span>\n          <div class=\"stack s-faq__paneltext\">\n            <b>Still have a question?<\/b>\n            <span>Call us at (613) 592-6850 and our team will walk you through it.<\/span>\n          <\/div>\n          <a class=\"btn btn--amber s-faq__cta\" href=\"tel:+16135926850\">Call (613) 592-6850\n            <svg viewBox=\"0 0 24 24\" width=\"17\" height=\"17\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <ul class=\"s-faq__list\" role=\"list\">\n        <li class=\"s-faq__item reveal\">\n          <details class=\"s-faq__d\" open>\n            <summary class=\"s-faq__q\"><span class=\"s-faq__qtext\">Will whitening work on my teeth?<\/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>\n            <div class=\"s-faq__a\"><p>Whitening works best on everyday stains. At a quick check we will tell you what is realistic for your smile.<\/p><\/div>\n          <\/details>\n        <\/li>\n        <li class=\"s-faq__item reveal reveal-2\">\n          <details class=\"s-faq__d\">\n            <summary class=\"s-faq__q\"><span class=\"s-faq__qtext\">Does it cause sensitivity?<\/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>\n            <div class=\"s-faq__a\"><p>Some people notice mild, short-lived sensitivity. We take steps to keep you comfortable and can tailor the treatment.<\/p><\/div>\n          <\/details>\n        <\/li>\n        <li class=\"s-faq__item reveal reveal-3\">\n          <details class=\"s-faq__d\">\n            <summary class=\"s-faq__q\"><span class=\"s-faq__qtext\">How long does it last?<\/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>\n            <div class=\"s-faq__a\"><p>It depends on habits like coffee and tea. A simple touch-up now and then keeps your smile bright.<\/p><\/div>\n          <\/details>\n        <\/li>\n        <li class=\"s-faq__item reveal reveal-4\">\n          <details class=\"s-faq__d\">\n            <summary class=\"s-faq__q\"><span class=\"s-faq__qtext\">Is it covered by insurance?<\/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>\n            <div class=\"s-faq__a\"><p>Whitening is cosmetic, so it is usually not covered. We will give you a clear price before we begin.<\/p><\/div>\n          <\/details>\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= CTA ========================= -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"wht-cta reveal\">\n      <span class=\"wht-cta__glow\" aria-hidden=\"true\"><\/span>\n      <div class=\"wht-cta__t\">\n        <h2>Ready for a brighter smile?<\/h2>\n        <p>Book a quick visit and we will talk through whitening and what to expect, with no pressure.<\/p>\n      <\/div>\n      <div class=\"wht-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>\n        <\/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\/Teeth whitening Teeth whitening A brighter smile, comfortably Professional whitening lifts everyday stains for a brighter, natural-looking smile, done by our team with a plan that suits you. No guesswork, and a clear cost before we begin. Request an appointment Call (613) 592-6850 Done by professionals Natural-looking Clear cost upfront A brighter smile Natural-looking, not [&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-279","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/pages\/279","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=279"}],"version-history":[{"count":7,"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/pages\/279\/revisions"}],"predecessor-version":[{"id":462,"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/pages\/279\/revisions\/462"}],"wp:attachment":[{"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/media?parent=279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}