{"id":301,"date":"2026-06-28T11:58:30","date_gmt":"2026-06-28T15:58:30","guid":{"rendered":"https:\/\/www.preweb.site\/projects\/kanata-smile\/guards\/"},"modified":"2026-06-29T22:59:11","modified_gmt":"2026-06-30T02:59:11","slug":"guards","status":"publish","type":"page","link":"https:\/\/www.preweb.site\/projects\/kanata-smile\/guards\/","title":{"rendered":"Night &#038; Sports Guards in Kanata | Kanata Smiles"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"301\" class=\"elementor elementor-301\" 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\/* Night & sports guards  \u00b7  signature: two kinds of protection (.grd) *\/\n.ks-page .grd-types{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:clamp(30px,4vw,46px);max-width:880px;margin-inline:auto}\n.ks-page .grd-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 30px;box-shadow:var(--sh-sm);\n  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}\n.ks-page .grd-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);border-color:transparent}\n.ks-page .grd-card__ic{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--grad-cyan);color:#fff;margin-bottom:2px}\n.ks-page .grd-card--sport .grd-card__ic{background:var(--grad-amber);color:#43300c}\n.ks-page .grd-card h3{color:var(--navy)}\n.ks-page .grd-card p{font-size:var(--fs-sm)}\n@media(max-width:640px){.ks-page .grd-types{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--mist\">\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>Night &amp; sports guards<\/b><\/nav>\n        <span class=\"eyebrow eyebrow--chip\">Night &amp; sports guards<\/span>\n        <h1>Protect your smile, day and night<\/h1>\n        <p class=\"tx-hero__lead\">A custom-fitted guard cushions your teeth, whether you grind them at night or play hard on the field. Made just for you, it is comfortable to wear and far more protective than a store-bought one.<\/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> Custom-fitted<\/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> Comfortable to wear<\/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\/night-guard.png\" alt=\"A custom clear night guard on a clean surface at the dental clinic\" 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 2 4 5v6c0 5 3.4 8.5 8 10 4.6-1.5 8-5 8-10V5z\"\/><\/svg><\/span>\n          <div><b>Made just for you<\/b><span>A better, comfier fit<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SIGNATURE: two kinds of protection -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"shead shead--center reveal\">\n      <span class=\"eyebrow eyebrow--chip\">Protection that fits<\/span>\n      <h2>Two kinds of protection<\/h2>\n      <p>Whichever you need, we shape it to your smile for a comfortable, secure fit.<\/p>\n    <\/div>\n    <div class=\"grd-types\">\n      <div class=\"grd-card reveal\">\n        <span class=\"grd-card__ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3a6 6 0 0 0-6 6c0 4 6 12 6 12s6-8 6-12a6 6 0 0 0-6-6Z\"\/><path d=\"M9 21h6\"\/><path d=\"M3 12h2M19 12h2\"\/><\/svg><\/span>\n        <h3>Night guards<\/h3>\n        <p>Grinding or clenching at night can leave you with a sore jaw and worn teeth. A night guard cushions them, so you wake up comfortable.<\/p>\n      <\/div>\n      <div class=\"grd-card grd-card--sport reveal reveal-2\">\n        <span class=\"grd-card__ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 3a14 14 0 0 0 0 18M12 3a14 14 0 0 1 0 18M3 12h18\"\/><\/svg><\/span>\n        <h3>Sports guards<\/h3>\n        <p>On the field or the court, a custom sports guard absorbs the knocks and helps protect your teeth and your smile.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- WHY CUSTOM -->\n<section class=\"section section--alt\">\n  <div class=\"container\">\n    <div class=\"shead shead--center reveal\">\n      <span class=\"eyebrow eyebrow--chip\">Why custom<\/span>\n      <h2>Why custom is better<\/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=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n        <h3>A comfortable fit<\/h3>\n        <p>Made to the shape of your teeth, so it stays put and is easy to wear.<\/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 2 4 5v6c0 5 3.4 8.5 8 10 4.6-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg><\/span>\n        <h3>Better protection<\/h3>\n        <p>A precise fit cushions far better than a one-size-fits-all guard.<\/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=\"M12 7v5l3 2\"\/><\/svg><\/span>\n        <h3>Made to last<\/h3>\n        <p>Durable materials that stand up to nightly wear or game day.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- 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 3a7 7 0 0 0-7 7c0 5 7 11 7 11s7-6 7-11a7 7 0 0 0-7-7Z\"\/><path d=\"M9 21h6\"\/><\/svg><\/span>\n      <div>\n        <h3>Waking up with a sore jaw?<\/h3>\n        <p>Grinding often happens in your sleep without you knowing. If you wake up with a tight jaw or sensitive teeth, mention it at your next visit and we will take a look.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section id=\"faq\" class=\"section section--alt s-faq\" aria-labelledby=\"grd-faq-title\">\n  <svg class=\"s-faq__blob\" viewBox=\"0 0 600 600\" aria-hidden=\"true\" focusable=\"false\"><defs><linearGradient id=\"grdFaq\" 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(#grdFaq)\" 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=\"grd-faq-title\" class=\"s-faq__title\">Guard questions<\/h2>\n      <p class=\"s-faq__lead\">A few common questions. 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\">Why not just buy one from the store?<\/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>A custom guard is fitted to your teeth, so it is more comfortable and protects far better than a one-size-fits-all option.<\/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\">Is it comfortable to sleep 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>Yes. Because it is made to fit you closely, most people get used to it quickly.<\/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\">Do you make sports guards for kids?<\/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. A custom guard is a great way to protect young athletes' smiles.<\/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>Protect your smile<\/h2><p>Book a visit and we will fit you for a guard that is comfortable and built to last.<\/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\/Night &amp; sports guards Night &amp; sports guards Protect your smile, day and night A custom-fitted guard cushions your teeth, whether you grind them at night or play hard on the field. Made just for you, it is comfortable to wear and far more protective than a store-bought one. Request an appointment Call (613) 592-6850 [&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-301","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/pages\/301","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=301"}],"version-history":[{"count":8,"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/pages\/301\/revisions"}],"predecessor-version":[{"id":512,"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/pages\/301\/revisions\/512"}],"wp:attachment":[{"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/media?parent=301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}