{"id":202,"date":"2026-06-21T13:22:31","date_gmt":"2026-06-21T17:22:31","guid":{"rendered":"https:\/\/www.preweb.site\/projects\/kanata-smile\/home\/"},"modified":"2026-06-29T01:27:58","modified_gmt":"2026-06-29T05:27:58","slug":"home","status":"publish","type":"page","link":"https:\/\/www.preweb.site\/projects\/kanata-smile\/","title":{"rendered":"Kanata Smiles"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"202\" class=\"elementor elementor-202\" 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-home *, .ks-home *::before, .ks-home *::after{box-sizing:border-box}\n.ks-home *{margin:0;padding:0}\n.ks-home{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\n.ks-home{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-home h1, .ks-home h2, .ks-home h3, .ks-home h4, .ks-home h5{font-family:Poppins,sans-serif;line-height:1.14;color:var(--navy);font-weight:700;letter-spacing:-.02em}\n.ks-home h2{font-size:var(--fs-h2)} .ks-home h3{font-size:var(--fs-h3);font-weight:600} .ks-home h4{font-size:var(--fs-h4);font-weight:600}\n.ks-home p{color:var(--slate)} .ks-home strong{color:var(--ink)}\n.ks-home a{color:var(--teal);text-decoration:none;transition:color .2s}\n.ks-home img, .ks-home svg{display:block;max-width:100%}\n.ks-home ul{list-style:none}\n\n\/* Layout *\/\n.ks-home .container{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}\n.ks-home .section{padding-block:clamp(64px,8vw,112px)}\n.ks-home .section--tight{padding-block:clamp(44px,5vw,72px)}\n.ks-home .section--alt{background:var(--paper)}\n.ks-home .section--mist{background:var(--mist)}\n\n\/* Section header *\/\n.ks-home .shead{max-width:660px;margin-bottom:clamp(36px,5vw,56px)}\n.ks-home .shead--center{margin-inline:auto;text-align:center}\n.ks-home .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-home .eyebrow--chip{background:var(--cyan-100);padding:7px 14px;border-radius:var(--r-pill);letter-spacing:.1em}\n.ks-home .shead p{margin-top:14px;font-size:1.05rem}\n\n\/* Buttons *\/\n.ks-home .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-home .btn:focus-visible{outline:none;box-shadow:var(--ring)}\n.ks-home .btn--primary{background:var(--grad-cyan);color:#fff;box-shadow:0 3px 10px rgba(14,151,172,.16)}\n.ks-home .btn--primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(14,151,172,.22)}\n.ks-home .btn--amber{background:var(--grad-amber);color:#43300c;box-shadow:0 3px 10px rgba(245,158,46,.18)}\n.ks-home .btn--amber:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(245,158,46,.24)}\n.ks-home .btn--ghost{background:#fff;color:var(--navy);border-color:var(--line-2)}\n.ks-home .btn--ghost:hover{border-color:var(--cyan);color:var(--teal);background:var(--cyan-50)}\n.ks-home .btn--light{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.32)}\n.ks-home .btn--light:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.5)}\n.ks-home .btn--lg{padding:16px 30px;font-size:1.02rem}\n.ks-home .btn--block{width:100%}\n\n\/* Chips + pills *\/\n.ks-home .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-home .chip svg{color:var(--teal);flex:0 0 auto}\n\n\/* Cards + grid *\/\n.ks-home .grid{display:grid;gap:24px}\n.ks-home .cols-2{grid-template-columns:repeat(2,1fr)}\n.ks-home .cols-3{grid-template-columns:repeat(3,1fr)}\n.ks-home .cols-4{grid-template-columns:repeat(4,1fr)}\n.ks-home .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-home .card--hover:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:transparent}\n.ks-home .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-home .icon-badge--grad{background:var(--grad-cyan);color:#fff}\n\n\/* Stacked label\/value (fixes run-together bug) *\/\n.ks-home .stack{display:flex;flex-direction:column}\n.ks-home .stack b{font-family:Poppins;font-weight:600;color:var(--navy);line-height:1.3}\n.ks-home .stack span{color:var(--slate);font-size:var(--fs-sm)}\n\n\/* Media frame *\/\n.ks-home .frame{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg)}\n.ks-home .frame img{width:100%;height:100%;object-fit:cover;display:block}\n\n\/* Reveal on scroll *\/\n.ks-home .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}\n.ks-home .reveal.in{opacity:1;transform:none}\n.ks-home .reveal-2{transition-delay:.08s}.ks-home .reveal-3{transition-delay:.16s}.ks-home .reveal-4{transition-delay:.24s}\n\n\/* Accessibility *\/\n.ks-home .skip{position:absolute;left:-9999px}\n.ks-home .skip:focus{left:16px;top:12px;z-index:200;background:#fff;padding:10px 16px;border-radius:8px;box-shadow:var(--sh)}\n.ks-home :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-home *{animation:none!important;transition:none!important}.ks-home .reveal{opacity:1;transform:none}}\n\n\/* Generic responsive collapse for grids *\/\n@media(max-width:960px){.ks-home .cols-4{grid-template-columns:repeat(2,1fr)}.ks-home .cols-3{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:600px){.ks-home .cols-4, .ks-home .cols-3, .ks-home .cols-2{grid-template-columns:1fr}}\n\n.ks-home .h3x{position:relative;overflow:hidden;background:var(--grad-hero)}\n\/* Soft brand blobs for layered depth *\/\n.ks-home .h3x__blob{position:absolute;border-radius:50%;filter:blur(8px);opacity:.5;pointer-events:none;z-index:0}\n.ks-home .h3x__blob--a{width:520px;height:520px;top:-180px;right:-120px;background:radial-gradient(circle at 30% 30%,rgba(25,189,211,.22),transparent 70%)}\n.ks-home .h3x__blob--b{width:420px;height:420px;bottom:-200px;left:-140px;background:radial-gradient(circle at 50% 50%,rgba(14,151,172,.12),transparent 70%)}\n\n.ks-home .h3x__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center;padding-block:clamp(48px,7vw,104px)}\n\n\/* ---- Left: copy ---- *\/\n.ks-home .h3x__copy{max-width:600px}\n.ks-home .h3x__eyebrow{display:inline-block;font-family:Poppins;font-weight:600;font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--teal);background:var(--cyan-100);padding:7px 14px;border-radius:var(--r-pill);margin-bottom:20px}\n.ks-home .h3x__h1{font-family:Poppins;font-weight:800;font-size:var(--fs-h1);line-height:1.08;letter-spacing:-.02em;color:var(--navy)}\n.ks-home .h3x__sub{margin-top:20px;font-size:1.075rem;line-height:1.7;color:var(--slate);max-width:540px}\n.ks-home .h3x__sub strong{color:var(--ink)}\n\n.ks-home .h3x__cta{display:flex;align-items:center;gap:18px;margin-top:28px;flex-wrap:wrap}\n.ks-home .h3x__call{display:inline-flex;align-items:center;gap:10px;font-family:Poppins;font-weight:600;font-size:1.02rem;color:var(--navy)}\n.ks-home .h3x__call:hover{color:var(--teal)}\n.ks-home .h3x__call svg{color:var(--teal);flex:0 0 auto}\n\n.ks-home .h3x__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}\n.ks-home .h3x__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-home .h3x__chip svg{color:var(--teal);flex:0 0 auto}\n\n\/* ---- Right: booking quick-card (elevated) ---- *\/\n.ks-home .h3x__card{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-lg);padding:clamp(24px,3vw,36px);position:relative}\n.ks-home .h3x__card::before{content:\"\";position:absolute;inset:0;border-radius:var(--r-xl);padding:1.5px;background:linear-gradient(140deg,rgba(25,189,211,.35),rgba(255,255,255,0) 45%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}\n.ks-home .h3x__card-tag{display:inline-flex;align-items:center;gap:8px;font-family:Poppins;font-weight:600;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}\n.ks-home .h3x__card-tag svg{flex:0 0 auto}\n.ks-home .h3x__card-title{font-family:Poppins;font-weight:700;font-size:1.45rem;color:var(--navy);margin-top:10px;letter-spacing:-.01em}\n.ks-home .h3x__card-lede{font-size:var(--fs-sm);color:var(--slate);margin-top:6px}\n\n.ks-home .h3x__form{margin-top:22px;display:flex;flex-direction:column;gap:16px}\n.ks-home .h3x__field{display:flex;flex-direction:column;gap:7px}\n.ks-home .h3x__field label{font-family:Poppins;font-weight:600;font-size:var(--fs-sm);color:var(--navy)}\n.ks-home .h3x__input, .ks-home .h3x__select{width:100%;font-family:Inter,sans-serif;font-size:1rem;color:var(--ink);background:var(--paper);border:1.5px solid var(--line-2);border-radius:var(--r-sm);padding:13px 15px;transition:border-color .2s,box-shadow .2s,background .2s}\n.ks-home .h3x__input::placeholder{color:var(--slate-400)}\n.ks-home .h3x__input:hover, .ks-home .h3x__select:hover{border-color:var(--cyan)}\n.ks-home .h3x__input:focus, .ks-home .h3x__select:focus{outline:none;border-color:var(--cyan);background:#fff;box-shadow:var(--ring)}\n.ks-home .h3x__select{appearance:none;-webkit-appearance:none;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230E97AC' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 15px center;padding-right:42px;cursor:pointer}\n.ks-home .h3x__form .btn{margin-top:4px}\n.ks-home .h3x__note{display:flex;gap:9px;font-size:var(--fs-xs);line-height:1.55;color:var(--slate);margin-top:2px}\n.ks-home .h3x__note svg{color:var(--teal);flex:0 0 auto;margin-top:2px}\n\n\/* ---- Responsive: stack, copy first ---- *\/\n@media(max-width:960px){\n  .ks-home .heronav{display:none!important}\n  .ks-home .h3x__inner{grid-template-columns:1fr;gap:36px}\n  .ks-home .h3x__copy{max-width:none;order:1}\n  .ks-home .h3x__card{order:2}\n}\n@media(max-width:600px){\n  .ks-home .h3x__cta{gap:14px}\n  .ks-home .h3x__card{padding:22px}\n}\n\n\n\/* hero media: smile photo (replaces the booking card) *\/\n.ks-home .h3x__media{position:relative;z-index:1}\n.ks-home .h3x__media-shape{position:absolute;inset:-6% -5% -6% 7%;background:var(--grad-cyan);opacity:.12;border-radius:42% 58% 56% 44%\/52% 44% 56% 48%;z-index:0;filter:blur(2px)}\n.ks-home .h3x__photo{position:relative;z-index:1;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg);aspect-ratio:4\/3}\n.ks-home .h3x__photo img{width:100%;height:100%;object-fit:cover;display:block}\n.ks-home .h3x__pill{position:absolute;z-index:2;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);padding:10px 16px;font-family:Poppins,sans-serif;font-weight:600;font-size:.92rem;color:var(--navy);box-shadow:var(--sh)}\n.ks-home .h3x__pill svg{color:var(--teal);flex:0 0 auto}\n@media(max-width:960px){.ks-home .h3x__media{order:2;max-width:560px;margin-inline:auto}.ks-home .h3x__copy{order:1}}\n\n\/* ==========================================================================\n   Kanata Smiles : Trust Strip (.s-trust)\n   Elevated white card row on a soft cyan backplate that lifts up into the hero.\n   Uses foundation.css tokens only.\n   ========================================================================== *\/\n\n.ks-home .s-trust{\n  position: relative;\n  \/* Pull the panel up so it overlaps the bottom of the hero. *\/\n  margin-top: calc(-1 * clamp(36px, 5vw, 64px));\n  padding-bottom: clamp(28px, 4vw, 44px);\n  z-index: 3;\n}\n\n.ks-home .s-trust__panel{\n  position: relative;\n  overflow: hidden;\n  border: 1px solid var(--line);\n  border-radius: var(--r-xl);\n  background:\n    linear-gradient(180deg, var(--white), var(--cyan-50));\n  box-shadow: var(--sh-lg);\n  padding: clamp(20px, 2.6vw, 30px) clamp(18px, 2.6vw, 38px);\n}\n\n\/* Soft brand line motif behind the items *\/\n.ks-home .s-trust__motif{\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  color: var(--cyan-200);\n  opacity: .55;\n  pointer-events: none;\n}\n\n.ks-home .s-trust__grid{\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: clamp(16px, 2.2vw, 30px);\n  list-style: none;\n}\n\n\/* Divider rules between items on wide screens (no extra markup) *\/\n.ks-home .s-trust__item{\n  display: flex;\n  align-items: center;\n  gap: var(--s4);\n  padding-left: clamp(16px, 2.2vw, 30px);\n  border-left: 1px solid var(--line);\n}\n.ks-home .s-trust__item:first-child{\n  padding-left: 0;\n  border-left: 0;\n}\n\n.ks-home .s-trust__icon{\n  flex: 0 0 auto;\n  display: grid;\n  place-items: center;\n  width: 52px;\n  height: 52px;\n  border-radius: var(--r-sm);\n  background: var(--grad-cyan);\n  color: #fff;\n  box-shadow: var(--sh-cyan);\n  transition: transform .3s var(--ease);\n}\n\n.ks-home .s-trust__item:hover .s-trust__icon{\n  transform: translateY(-3px) rotate(-3deg);\n}\n\n\/* .stack (from foundation) handles the bold label + sub-label stack.\n   Tune sizes here so the strip stays compact. *\/\n.ks-home .s-trust .stack b{\n  font-size: 1.02rem;\n  letter-spacing: -.01em;\n}\n.ks-home .s-trust .stack span{\n  font-size: var(--fs-xs);\n  line-height: 1.4;\n  margin-top: 2px;\n}\n\n\/* ---- Responsive ---------------------------------------------------------- *\/\n\n\/* Tablet: 2 x 2. Reset left dividers, restore them per-row. *\/\n@media (max-width: 860px){\n  .ks-home .s-trust__grid{\n    grid-template-columns: repeat(2, 1fr);\n    gap: clamp(16px, 3vw, 24px);\n  }\n  .ks-home .s-trust__item{\n    padding-left: clamp(14px, 3vw, 24px);\n    border-left: 1px solid var(--line);\n  }\n  \/* First item of each row: no divider \/ no indent *\/\n  .ks-home .s-trust__item:nth-child(odd){\n    padding-left: 0;\n    border-left: 0;\n  }\n}\n\n\/* Phone: single column, dividers become top rules for clean separation *\/\n@media (max-width: 540px){\n  .ks-home .s-trust{\n    margin-top: calc(-1 * clamp(24px, 7vw, 40px));\n  }\n  .ks-home .s-trust__grid{\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n  .ks-home .s-trust__item, .ks-home .s-trust__item:nth-child(odd){\n    padding: 16px 0;\n    border-left: 0;\n    border-top: 1px solid var(--line);\n  }\n  .ks-home .s-trust__item:first-child{\n    padding-top: 4px;\n    border-top: 0;\n  }\n  .ks-home .s-trust__icon{\n    width: 46px;\n    height: 46px;\n  }\n}\n\n.ks-home .w5{padding-block:clamp(64px,8vw,112px);background:var(--white)}\n\n\/* Statement-led header *\/\n.ks-home .w5 .w5-head{max-width:840px;margin-inline:auto;text-align:center}\n.ks-home .w5 .w5-title{font-size:var(--fs-h1);margin-top:16px;text-wrap:balance}\n\n\/* Hairline row of values *\/\n.ks-home .w5 .w5-row{\n  margin-top:clamp(40px,5vw,64px);\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  border-top:1px solid var(--line);\n  border-bottom:1px solid var(--line);\n}\n.ks-home .w5 .w5-item{\n  padding:clamp(28px,3vw,40px) clamp(20px,2.2vw,30px);\n  display:flex;\n  flex-direction:column;\n  align-items:flex-start;\n  text-align:left;\n  position:relative;\n}\n\/* Vertical hairline dividers between columns (not on the first) *\/\n.ks-home .w5 .w5-item + .w5-item::before{\n  content:\"\";\n  position:absolute;\n  top:clamp(24px,3vw,36px);\n  bottom:clamp(24px,3vw,36px);\n  left:0;\n  width:1px;\n  background:var(--line);\n}\n\n.ks-home .w5 .w5-ico{\n  width:30px;height:30px;\n  color:var(--teal);\n  margin-bottom:18px;\n}\n.ks-home .w5 .w5-ico svg{width:100%;height:100%;display:block}\n.ks-home .w5 .w5-name{\n  font-family:Poppins,sans-serif;\n  font-weight:600;\n  font-size:var(--fs-h4);\n  color:var(--navy);\n  line-height:1.3;\n  letter-spacing:-.01em;\n}\n.ks-home .w5 .w5-text{\n  margin-top:10px;\n  font-size:var(--fs-sm);\n  color:var(--slate);\n  line-height:1.62;\n}\n\n\/* Responsive: 4 -> 2 -> 1 columns, dividers adapt *\/\n@media(max-width:960px){\n  .ks-home .w5 .w5-row{grid-template-columns:repeat(2,1fr)}\n  \/* reset all column dividers, then redraw for the 2-col layout *\/\n  .ks-home .w5 .w5-item + .w5-item::before{content:none}\n  \/* vertical divider only between the two columns of each pair *\/\n  .ks-home .w5 .w5-item:nth-child(even)::before{\n    content:\"\";\n    position:absolute;\n    top:clamp(24px,3vw,36px);\n    bottom:clamp(24px,3vw,36px);\n    left:0;\n    width:1px;\n    background:var(--line);\n  }\n  \/* horizontal hairline between the two rows *\/\n  .ks-home .w5 .w5-item:nth-child(n+3)::after{\n    content:\"\";\n    position:absolute;\n    top:0;\n    left:clamp(20px,2.2vw,30px);\n    right:clamp(20px,2.2vw,30px);\n    height:1px;\n    background:var(--line);\n  }\n}\n@media(max-width:600px){\n  .ks-home .w5 .w5-row{grid-template-columns:1fr}\n  \/* one column: only horizontal hairlines between stacked items *\/\n  .ks-home .w5 .w5-item::before{content:none!important}\n  .ks-home .w5 .w5-item:nth-child(even)::before{content:none!important}\n  .ks-home .w5 .w5-item:nth-child(n+3)::after{content:none}\n  .ks-home .w5 .w5-item + .w5-item::after{\n    content:\"\";\n    position:absolute;\n    top:0;\n    left:0;\n    right:0;\n    height:1px;\n    background:var(--line);\n  }\n}\n\n.ks-home .v1 .v1-grid{margin-top:clamp(28px,4vw,40px)}\n\n  \/* Card = a full link, photo on top, then text *\/\n  .ks-home .v1 .v1-card{\n    display:flex;flex-direction:column;\n    background:var(--white);\n    border:1px solid var(--line);\n    border-radius:var(--r-lg);\n    overflow:hidden;\n    color:inherit;\n    transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);\n    will-change:transform;\n  }\n  .ks-home .v1 .v1-card:hover, .ks-home .v1 .v1-card:focus-visible{\n    transform:translateY(-6px);\n    box-shadow:var(--sh-lg);\n    border-color:transparent;\n    outline:none;\n  }\n  .ks-home .v1 .v1-card:focus-visible{box-shadow:var(--sh-lg),var(--ring)}\n\n  \/* Photo placeholder slot *\/\n  .ks-home .v1 .v1-photo{\n    position:relative;\n    aspect-ratio:4\/3;\n    background:var(--cyan-100);\n    border-radius:0;               \/* matches card top via card overflow:hidden *\/\n    display:flex;flex-direction:column;\n    align-items:center;justify-content:center;\n    gap:12px;\n    overflow:hidden;\n  }\n  .ks-home .v1 .v1-photo::after{            \/* soft brand wash for depth *\/\n    content:\"\";position:absolute;inset:0;\n    background:radial-gradient(120% 120% at 80% 0%,rgba(255,255,255,.5),transparent 55%);\n    pointer-events:none;\n  }\n  .ks-home .v1 .v1-photo svg{\n    width:54px;height:54px;\n    color:var(--teal);\n    transition:transform .45s var(--ease);\n  }\n  .ks-home .v1 .v1-card:hover .v1-photo svg, .ks-home .v1 .v1-card:focus-visible .v1-photo svg{transform:scale(1.12)}\n  .ks-home .v1 .v1-photo-cap{\n    position:relative;\n    font-family:Poppins,sans-serif;\n    font-weight:600;\n    font-size:var(--fs-xs);\n    letter-spacing:.08em;\n    text-transform:uppercase;\n    color:var(--teal);\n    background:rgba(255,255,255,.7);\n    padding:5px 12px;\n    border-radius:var(--r-pill);\n  }\n\n  \/* Card body *\/\n  .ks-home .v1 .v1-body{\n    display:flex;flex-direction:column;\n    align-items:flex-start;\n    gap:8px;\n    padding:24px 26px 28px;\n    flex:1 1 auto;\n  }\n  .ks-home .v1 .v1-body h3{color:var(--navy);margin:0}\n  .ks-home .v1 .v1-body p{margin:0;font-size:var(--fs-sm);line-height:1.55}\n  .ks-home .v1 .v1-more{\n    margin-top:auto;\n    padding-top:14px;\n    display:inline-flex;align-items:center;gap:7px;\n    font-family:Poppins,sans-serif;\n    font-weight:600;\n    font-size:var(--fs-sm);\n    color:var(--teal);\n  }\n  .ks-home .v1 .v1-more svg{\n    width:16px;height:16px;\n    transition:transform .25s var(--ease);\n  }\n  .ks-home .v1 .v1-card:hover .v1-more svg, .ks-home .v1 .v1-card:focus-visible .v1-more svg{transform:translateX(4px)}\n\n  \/* CTA below grid *\/\n  .ks-home .v1 .v1-cta{\n    margin-top:clamp(32px,4vw,44px);\n    text-align:center;\n  }\n\n  \/* Responsive 3 -> 2 -> 1 handled by foundation .cols-3 collapse, with tighter mobile gap *\/\n  @media(max-width:600px){\n    .ks-home .v1 .v1-body{padding:22px 22px 26px}\n  }\n\n\/* photo slots use real images *\/\n.ks-home .v1 .v1-photo{background:var(--cyan-100)}\n.ks-home .v1 .v1-photo::after{display:none}\n.ks-home .v1 .v1-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}\n.ks-home .v1 .v1-card:hover .v1-photo img, .ks-home .v1 .v1-card:focus-visible .v1-photo img{transform:scale(1.05)}\n\n\n\/* More treatments chip row *\/\n.ks-home .v1-treats{margin-top:clamp(34px,4vw,48px);text-align:center}\n.ks-home .v1-treats__label{font-family:Poppins,sans-serif;font-weight:600;font-size:var(--fs-xs);\n  letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:16px}\n.ks-home .v1-treats__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}\n.ks-home .v1-treats__chips .chip{cursor:default}\n\n\/* ==========================================================================\n   Kanata Smiles. Comfort \/ \"Go at your own pace\" section.\n   Namespace: .s-cmf. Uses foundation.css tokens only (the only literal\n   colour is #fff, matching foundation's own button styles).\n   Chosen variation: offset card over a soft brand gradient, with a calming\n   step\/timeline treatment of the 3 reassurances and a supporting brand SVG.\n   ========================================================================== *\/\n\n.ks-home .s-cmf{ overflow:hidden; }\n\n\/* The lifted shell: a rounded card floating over a soft cyan gradient field. *\/\n.ks-home .s-cmf__shell{\n  position:relative;\n  border-radius:var(--r-xl);\n  background:\n    radial-gradient(120% 130% at 85% 0%, var(--cyan-100), var(--cyan-50) 42%, var(--white) 78%);\n  border:1px solid var(--line);\n  box-shadow:var(--sh-lg);\n  padding:clamp(28px,4.4vw,64px);\n  isolation:isolate;\n}\n\n\/* Ambient glow behind the shell for layered depth (decorative). *\/\n.ks-home .s-cmf__glow{\n  position:absolute; inset:auto 0 -10% 0;\n  height:60%;\n  background:radial-gradient(60% 100% at 30% 0%, rgba(25,189,211,.14), transparent 70%);\n  filter:blur(8px);\n  z-index:-1;\n  pointer-events:none;\n}\n\n.ks-home .s-cmf__grid{\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n  align-items:center;\n  gap:clamp(28px,5vw,64px);\n}\n\n\/* ---- Copy column ---- *\/\n.ks-home .s-cmf__title{\n  font-size:var(--fs-h2);\n  margin-top:6px;\n}\n.ks-home .s-cmf__lead{\n  margin-top:16px;\n  font-size:1.075rem;\n  max-width:46ch;\n  color:var(--slate);\n}\n\n\/* ---- Step \/ timeline list ---- *\/\n.ks-home .s-cmf__steps{\n  margin-top:clamp(22px,3vw,30px);\n  display:grid;\n  gap:2px;\n  position:relative;\n}\n.ks-home .s-cmf__step{\n  position:relative;\n  display:flex;\n  align-items:center;\n  gap:16px;\n  padding:13px 0;\n}\n\/* connecting spine between the check markers *\/\n.ks-home .s-cmf__step::before{\n  content:\"\";\n  position:absolute;\n  left:15px; top:50%;\n  width:2px; height:100%;\n  background:var(--cyan-200);\n  z-index:0;\n}\n.ks-home .s-cmf__step:last-child::before{ display:none; }\n\n.ks-home .s-cmf__check{\n  position:relative;\n  z-index:1;\n  display:grid; place-items:center;\n  width:32px; height:32px;\n  flex:0 0 auto;\n  border-radius:var(--r-pill);\n  background:var(--grad-cyan);\n  color:#fff;\n  box-shadow:0 5px 14px rgba(14,151,172,.28);\n}\n.ks-home .s-cmf__steptext{\n  font-family:Poppins,sans-serif;\n  font-weight:500;\n  color:var(--navy);\n  font-size:1.04rem;\n  line-height:1.4;\n}\n\n\/* ---- CTA ---- *\/\n.ks-home .s-cmf__cta{\n  margin-top:clamp(26px,3.4vw,36px);\n}\n.ks-home .s-cmf__arrow{ transition:transform .25s var(--ease); }\n.ks-home .s-cmf__cta:hover .s-cmf__arrow{ transform:translateX(4px); }\n\n\/* ---- Supporting brand illustration ---- *\/\n.ks-home .s-cmf__art{\n  position:relative;\n  display:grid;\n  place-items:center;\n}\n.ks-home .s-cmf__svg{\n  width:100%;\n  max-width:440px;\n  height:auto;\n}\n\n\/* Gentle, calming micro-motion (respects reduced-motion via foundation rule) *\/\n.ks-home .s-cmf__float{ transform-origin:center; }\n.ks-home .s-cmf__chip{ transform-origin:center; }\n.ks-home .s-cmf__dot{ transform-origin:center; }\n.ks-home .s-cmf__rings{ transform-origin:210px 200px; }\n\n\n\n\n\n\/* ---- Responsive ---- *\/\n@media(max-width:880px){\n  .ks-home .s-cmf__grid{\n    grid-template-columns:1fr;\n    gap:clamp(24px,5vw,40px);\n  }\n  .ks-home .s-cmf__art{ order:-1; }          \/* lead with the calming visual on small screens *\/\n  .ks-home .s-cmf__svg{ max-width:340px; }\n  .ks-home .s-cmf__lead{ max-width:60ch; }\n}\n@media(max-width:420px){\n  .ks-home .s-cmf__shell{ padding:24px 20px; }\n  .ks-home .s-cmf__svg{ max-width:280px; }\n}\n\n\n\n\/* ==========================================================================\n   Meet the dentist - Dr. Anton Benjameen  (namespace: .s-abt)\n   Editorial split: framed portrait + cyan accent shape + floating credential\n   badge, paired with an asymmetric content column. Uses foundation tokens.\n   ========================================================================== *\/\n\n.ks-home .s-abt__inner{\n  display:grid;\n  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);\n  align-items:center;\n  gap:clamp(40px,6vw,88px);\n}\n\n\/* ---- Media column ------------------------------------------------------- *\/\n.ks-home .s-abt__media{\n  position:relative;\n  isolation:isolate;\n  max-width:440px;\n  margin-inline:auto;\n  width:100%;\n}\n\n\/* Soft organic cyan shape behind the portrait *\/\n.ks-home .s-abt__shape{\n  position:absolute;\n  z-index:-1;\n  width:108%;\n  height:108%;\n  top:-6%;\n  left:8%;\n  color:var(--cyan-100);\n  filter:drop-shadow(0 30px 50px rgba(14,151,172,.16));\n}\n.ks-home .s-abt__shape::after{content:\"\"}\n\n.ks-home .s-abt__frame{\n  position:relative;\n  border-radius:var(--r-xl);\n  aspect-ratio:3 \/ 4;\n}\n.ks-home .s-abt__frame img{height:100%}\n\n\/* subtle cyan edge-light on the frame *\/\n.ks-home .s-abt__frame::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  border-radius:inherit;\n  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);\n  pointer-events:none;\n}\n\n\/* Floating credential badge overlapping the lower-left of the photo *\/\n.ks-home .s-abt__badge{\n  position:absolute;\n  left:clamp(-8px,-2vw,-22px);\n  bottom:clamp(22px,5vw,40px);\n  z-index:2;\n  display:flex;\n  align-items:center;\n  gap:13px;\n  max-width:300px;\n  padding:14px 18px;\n  background:var(--white);\n  border:1px solid var(--line);\n  border-radius:var(--r);\n  box-shadow:var(--sh-lg);\n}\n.ks-home .s-abt__badge-ic{\n  display:grid;\n  place-items:center;\n  flex:0 0 auto;\n  width:42px;\n  height:42px;\n  border-radius:12px;\n  background:var(--grad-cyan);\n  color:#fff;\n  box-shadow:var(--sh-cyan);\n}\n.ks-home .s-abt__badge .stack b{font-size:.98rem}\n.ks-home .s-abt__badge .stack span{font-size:.8rem;line-height:1.35}\n\n\/* ---- Content column ----------------------------------------------------- *\/\n.ks-home .s-abt__body{max-width:560px}\n.ks-home .s-abt__body h2{margin-bottom:18px}\n.ks-home .s-abt__body p{font-size:1.05rem}\n.ks-home .s-abt__body p + p{margin-top:14px}\n\n.ks-home .s-abt__pills{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-top:26px;\n}\n.ks-home .s-abt__pills .chip svg{color:var(--teal)}\n\n.ks-home .s-abt__cta{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}\n.ks-home .s-abt__cta .btn svg{transition:transform .25s var(--ease)}\n.ks-home .s-abt__cta .btn:hover svg{transform:translateX(3px)}\n\n\/* ---- Responsive --------------------------------------------------------- *\/\n@media (max-width:900px){\n  .ks-home .s-abt__inner{\n    grid-template-columns:1fr;\n    gap:clamp(48px,8vw,64px);\n  }\n  .ks-home .s-abt__media{max-width:380px}\n  .ks-home .s-abt__body{max-width:none;text-align:left}\n}\n\n@media (max-width:480px){\n  .ks-home .s-abt__badge{\n    left:0;\n    right:0;\n    bottom:clamp(12px,4vw,18px);\n    margin-inline:auto;\n    max-width:calc(100% - 28px);\n  }\n}\n\n\/* ==========================================================================\n   Kanata Smiles : Meet your hygienist (.s-hyg)\n   A secondary, smaller feature under the Dr. Benjameen (about) section.\n   Circular photo (no gray corners); tightened text-to-photo gap.\n   ========================================================================== *\/\n.ks-home .s-hyg__inner{\n  display:grid;grid-template-columns:1fr 300px;\n  gap:clamp(28px,3.5vw,46px);align-items:center;\n  max-width:940px;margin-inline:auto;\n}\n\n.ks-home .s-hyg__body h3{font-size:clamp(1.5rem,2.6vw,1.95rem);color:var(--navy);letter-spacing:-.02em}\n.ks-home .s-hyg__role{font-family:Poppins,sans-serif;font-weight:600;color:var(--teal);font-size:var(--fs-sm);margin-top:3px}\n.ks-home .s-hyg__body>p{margin-top:14px;max-width:54ch}\n.ks-home .s-hyg__body .eyebrow{margin-top:0}\n\n.ks-home .s-hyg__media{display:flex;justify-content:center}\n.ks-home .s-hyg__frame{\n  width:300px;max-width:100%;aspect-ratio:1\/1;\n  border-radius:50%;overflow:hidden;box-shadow:var(--sh-lg);\n  background:var(--cyan-50);\n}\n.ks-home .s-hyg__frame img{width:100%;height:100%;object-fit:cover;display:block}\n\n@media(max-width:860px){\n  .ks-home .s-hyg__inner{grid-template-columns:1fr;gap:24px;max-width:480px}\n  .ks-home .s-hyg__media{order:-1}\n  .ks-home .s-hyg__frame{width:260px}\n}\n\n\/* ==========================================================================\n   Insurance \/ CDCP band  (namespace: .s-ins)\n   Navy brand band with soft cyan radial glow, offset content, and a glassy\n   \"How billing works\" 3-step flow. White text on navy meets AA contrast.\n   ========================================================================== *\/\n\n.ks-home .s-ins{\n  position:relative;\n  overflow:clip;\n  background:var(--grad-navy);\n  color:#fff;\n}\n\n\/* Decorative background motifs *\/\n.ks-home .s-ins__bg{position:absolute;inset:0;z-index:0;pointer-events:none}\n.ks-home .s-ins__glow{position:absolute;border-radius:50%;filter:blur(8px);opacity:.5}\n.ks-home .s-ins__glow--1{\n  width:560px;height:560px;top:-220px;right:-140px;\n  background:radial-gradient(circle at center,rgba(25,189,211,.55),rgba(25,189,211,0) 62%);\n}\n.ks-home .s-ins__glow--2{\n  width:460px;height:460px;bottom:-220px;left:-120px;\n  background:radial-gradient(circle at center,rgba(14,151,172,.42),rgba(14,151,172,0) 64%);\n}\n.ks-home .s-ins__dots{\n  position:absolute;top:0;right:0;width:46%;height:100%;\n  opacity:.5;\n  -webkit-mask-image:linear-gradient(255deg,#000 0%,transparent 72%);\n  mask-image:linear-gradient(255deg,#000 0%,transparent 72%);\n}\n\n\/* Layout: offset two-column *\/\n.ks-home .s-ins__inner{\n  position:relative;z-index:1;\n  display:grid;\n  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);\n  gap:clamp(36px,5vw,72px);\n  align-items:center;\n}\n\n\/* Copy column *\/\n.ks-home .s-ins__eyebrow{color:var(--cyan);}\n.ks-home .s-ins__title{\n  color:#fff;\n  font-size:var(--fs-h2);\n  max-width:14ch;\n  margin-bottom:18px;\n}\n.ks-home .s-ins__body{\n  color:rgba(255,255,255,.86);\n  font-size:1.075rem;\n  max-width:46ch;\n}\n\n\/* Accepted-payment reassurances *\/\n.ks-home .s-ins__assure{\n  display:flex;flex-wrap:wrap;gap:10px;\n  margin:26px 0 30px;\n}\n.ks-home .s-ins__pill{\n  display:inline-flex;align-items:center;gap:9px;\n  padding:9px 15px;\n  border-radius:var(--r-pill);\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.16);\n  font-size:var(--fs-sm);font-weight:600;\n  color:#fff;\n}\n.ks-home .s-ins__pill svg{color:var(--cyan);flex:0 0 auto}\n\n\/* CTAs *\/\n.ks-home .s-ins__cta{display:flex;flex-wrap:wrap;gap:14px}\n\n\/* How billing works: glassy card *\/\n.ks-home .s-ins__flow{\n  position:relative;\n  background:rgba(255,255,255,.06);\n  border:1px solid rgba(255,255,255,.14);\n  border-radius:var(--r-xl);\n  padding:clamp(26px,3vw,38px);\n  box-shadow:var(--sh-lg);\n  -webkit-backdrop-filter:blur(2px);\n  backdrop-filter:blur(2px);\n}\n.ks-home .s-ins__flow-title{\n  color:#fff;\n  font-size:var(--fs-h3);\n  margin-bottom:22px;\n}\n\n.ks-home .s-ins__steps{display:flex;flex-direction:column;gap:4px;counter-reset:none}\n.ks-home .s-ins__step{\n  display:flex;gap:16px;align-items:flex-start;\n  padding:16px 0;\n  position:relative;\n}\n.ks-home .s-ins__step + .s-ins__step{border-top:1px solid rgba(255,255,255,.1)}\n\n\/* Number badge with connecting line *\/\n.ks-home .s-ins__step-num{\n  display:grid;place-items:center;flex:0 0 auto;\n  width:38px;height:38px;border-radius:50%;\n  background:var(--grad-cyan);\n  color:#fff;font-family:Poppins,sans-serif;font-weight:700;font-size:1rem;\n  box-shadow:0 6px 16px rgba(14,151,172,.4);\n}\n.ks-home .s-ins__step-text b{color:#fff;font-size:1.02rem}\n.ks-home .s-ins__step-text span{color:rgba(255,255,255,.74);font-size:var(--fs-sm);line-height:1.5}\n\n\/* Responsive *\/\n@media(max-width:900px){\n  .ks-home .s-ins__inner{grid-template-columns:1fr;gap:40px}\n  .ks-home .s-ins__title{max-width:none}\n}\n@media(max-width:520px){\n  .ks-home .s-ins__cta .btn{width:100%}\n  .ks-home .s-ins__dots{display:none}\n}\n\n\/* ==========================================================================\n   Kanata Smiles - New-Patient CTA band (.s-np)\n   The single warm AMBER moment on the page. Asymmetric split on a soft\n   amber-gradient panel with a friendly appointment illustration.\n   Deliberately warm to contrast the cool navy insurance band.\n   Uses foundation.css tokens only.\n   ========================================================================== *\/\n\n.ks-home .s-np{\n  position: relative;\n}\n\n.ks-home .s-np__panel{\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--r-xl);\n  border: 1px solid #F3E2CB;\n  \/* soft warm wash, light enough for the amber CTA to pop *\/\n  background:\n    radial-gradient(120% 140% at 100% 0%, #FFEFD8 0%, #FFF7EC 42%, var(--white) 78%);\n  box-shadow: var(--sh-lg);\n  padding: clamp(32px, 5vw, 64px);\n}\n\n\/* Warm background blobs *\/\n.ks-home .s-np__blob{\n  position: absolute;\n  pointer-events: none;\n}\n.ks-home .s-np__blob--a{\n  top: -22%;\n  right: -10%;\n  width: clamp(320px, 42vw, 560px);\n}\n.ks-home .s-np__blob--b{\n  bottom: -28%;\n  left: -8%;\n  width: clamp(220px, 26vw, 360px);\n}\n\n.ks-home .s-np__grid{\n  position: relative;\n  display: grid;\n  grid-template-columns: 1.15fr .85fr;\n  align-items: center;\n  gap: clamp(28px, 4vw, 56px);\n}\n\n\/* ---- Copy ---------------------------------------------------------------- *\/\n.ks-home .s-np__copy{\n  max-width: 560px;\n}\n\n\/* Amber-tinted eyebrow (this is the one warm accent moment) *\/\n.ks-home .s-np__eyebrow{\n  color: var(--amber-600);\n}\n\n.ks-home .s-np__copy h2{\n  margin-top: 4px;\n}\n\n.ks-home .s-np__body{\n  margin-top: 16px;\n  font-size: 1.06rem;\n  max-width: 52ch;\n}\n\n.ks-home .s-np__actions{\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--s4);\n  margin-top: clamp(24px, 3vw, 32px);\n}\n\n\/* gentle icon nudge on the primary CTA *\/\n.ks-home .s-np__actions .btn--amber svg{\n  transition: transform .25s var(--ease);\n}\n.ks-home .s-np__actions .btn--amber:hover svg{\n  transform: translateX(3px);\n}\n.ks-home .s-np__actions .btn--ghost svg{\n  color: var(--teal);\n}\n\n\/* ---- Illustration -------------------------------------------------------- *\/\n.ks-home .s-np__art{\n  display: flex;\n  justify-content: center;\n}\n.ks-home .s-np__card{\n  width: 100%;\n  max-width: 340px;\n  filter: drop-shadow(0 22px 44px rgba(15,42,69,.16));\n  transition: transform .4s var(--ease);\n}\n.ks-home .s-np__panel:hover .s-np__card{\n  transform: translateY(-6px) rotate(-1deg);\n}\n@media (prefers-reduced-motion: reduce){\n  .ks-home .s-np__panel:hover .s-np__card{ transform: none; }\n}\n\n\/* ---- Responsive ---------------------------------------------------------- *\/\n\n\/* Tablet and down: stack, art on top for a friendly welcome, then copy *\/\n@media (max-width: 860px){\n  .ks-home .s-np__grid{\n    grid-template-columns: 1fr;\n    gap: clamp(24px, 5vw, 36px);\n    text-align: center;\n  }\n  .ks-home .s-np__copy{\n    max-width: 600px;\n    margin-inline: auto;\n    order: 2;\n  }\n  .ks-home .s-np__art{\n    order: 1;\n  }\n  .ks-home .s-np__card{\n    max-width: 280px;\n  }\n  .ks-home .s-np__body{\n    margin-inline: auto;\n  }\n  .ks-home .s-np__actions{\n    justify-content: center;\n  }\n}\n\n\/* Phone: full-width buttons for an easy tap target *\/\n@media (max-width: 480px){\n  .ks-home .s-np__actions{\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .ks-home .s-np__actions .btn{\n    width: 100%;\n  }\n  .ks-home .s-np__card{\n    max-width: 240px;\n  }\n}\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-home .s-faq{position:relative;overflow:hidden}\n\n\/* Soft background motif, behind content, non-interactive *\/\n.ks-home .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-home .s-faq .container{position:relative;z-index:1}\n\n\/* Asymmetric layout: intro column + wider accordion column *\/\n.ks-home .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-home .s-faq__intro{position:sticky;top:96px}\n.ks-home .s-faq__title{font-size:var(--fs-h2);margin-bottom:var(--s4)}\n.ks-home .s-faq__lead{font-size:1.05rem;max-width:38ch}\n\n\/* Reassurance panel (still have a question) *\/\n.ks-home .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-home .s-faq__panelicon{box-shadow:var(--sh-cyan)}\n.ks-home .s-faq__paneltext b{font-size:1.08rem}\n.ks-home .s-faq__paneltext span{margin-top:2px}\n.ks-home .s-faq__cta{align-self:stretch}\n\n\/* ---- RIGHT: accordion list ---- *\/\n.ks-home .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-home .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-home .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-home .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-home .s-faq__q::-webkit-details-marker{display:none}\n.ks-home .s-faq__q:hover{color:var(--teal)}\n.ks-home .s-faq__item:has(.s-faq__d[open]) .s-faq__q{color:var(--teal)}\n.ks-home .s-faq__qtext{line-height:1.32}\n\n\/* Custom plus\/minus indicator: rotates to a minus on open *\/\n.ks-home .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-home .s-faq__q:hover .s-faq__ind{transform:scale(1.05)}\n\/* The vertical stroke of the plus collapses on open -> minus *\/\n.ks-home .s-faq__ind svg path:first-child{\n  transform-origin:center;\n  transition:transform .35s var(--ease),opacity .35s var(--ease);\n}\n.ks-home .s-faq__d[open] .s-faq__ind{\n  background:var(--grad-cyan);\n  color:#fff;\n  transform:rotate(180deg);\n}\n.ks-home .s-faq__d[open] .s-faq__ind svg path:first-child{\n  transform:scaleY(0);\n  opacity:0;\n}\n\n\/* Answer *\/\n.ks-home .s-faq__a{\n  padding:0 var(--s6) var(--s5);\n}\n.ks-home .s-faq__a p{margin:0;max-width:60ch}\n\n\/* Subtle open animation for the answer (respects reduced-motion via foundation) *\/\n.ks-home .s-faq__d[open] .s-faq__a{\n}\n\n\n\/* ---- Responsive ---- *\/\n@media(max-width:900px){\n  .ks-home .s-faq__grid{grid-template-columns:1fr;gap:var(--s7)}\n  .ks-home .s-faq__intro{position:static}\n  .ks-home .s-faq__lead{max-width:60ch}\n  .ks-home .s-faq__cta{align-self:flex-start}\n}\n@media(max-width:600px){\n  .ks-home .s-faq__q{padding:var(--s4) var(--s5);font-size:1.02rem}\n  .ks-home .s-faq__a{padding:0 var(--s5) var(--s4)}\n  .ks-home .s-faq__ind{width:34px;height:34px}\n  .ks-home .s-faq__panel{padding:var(--s5)}\n}\n\n\n\/* Professional memberships logo strip (.assoc) *\/\n.ks-home .assoc{padding-block:clamp(26px,3.6vw,44px)}\n.ks-home .assoc__label{text-align:center;font-family:Poppins,sans-serif;font-weight:600;font-size:var(--fs-xs);\n  letter-spacing:.16em;text-transform:uppercase;color:var(--slate-400);margin:0 0 22px}\n.ks-home .assoc__logos{display:flex;align-items:center;justify-content:center;gap:clamp(22px,5vw,58px);flex-wrap:wrap}\n.ks-home .assoc__logos img{height:clamp(42px,4.8vw,58px);width:auto;opacity:.92;\n  transition:opacity .25s var(--ease),transform .25s var(--ease)}\n.ks-home .assoc__logos img:hover{opacity:1;transform:translateY(-2px)}\n.ks-home .assoc__div{width:1px;height:40px;background:var(--line)}\n@media(max-width:560px){.ks-home .assoc__div{display:none}.ks-home .assoc__logos{gap:26px}}\n\n\/* ==========================================================================\n   Kanata Smiles : Contact \/ Booking (.s-ct)\n   Split layout: brand navy info panel (details + map) beside an elevated\n   white form card. Foundation tokens only.\n   ========================================================================== *\/\n\n.ks-home .s-ct__layout{\n  display: grid;\n  grid-template-columns: 1.05fr 1fr;\n  gap: clamp(20px, 2.6vw, 36px);\n  align-items: stretch;\n}\n\n\/* ---- LEFT: brand-coloured info panel -------------------------------------- *\/\n.ks-home .s-ct__panel{\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--r-xl);\n  background: var(--grad-navy);\n  color: #fff;\n  box-shadow: var(--sh-lg);\n}\n\n\/* Soft cyan ambient glow (decorative) *\/\n.ks-home .s-ct__glow{\n  position: absolute;\n  top: -30%;\n  right: -20%;\n  width: 70%;\n  height: 70%;\n  background: radial-gradient(circle at center, rgba(31,196,216,.38), transparent 68%);\n  pointer-events: none;\n}\n\n.ks-home .s-ct__panel-body{\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: clamp(24px, 3vw, 40px);\n}\n\n.ks-home .s-ct__panel-title{\n  color: #fff;\n  font-size: var(--fs-h3);\n}\n.ks-home .s-ct__panel-lead{\n  color: rgba(226,246,249,.86);\n  margin-top: 10px;\n  font-size: var(--fs-sm);\n  max-width: 40ch;\n}\n\n.ks-home .s-ct__info{\n  list-style: none;\n  margin-top: clamp(20px, 2.6vw, 30px);\n  display: grid;\n  gap: clamp(14px, 1.8vw, 20px);\n}\n.ks-home .s-ct__info-item{\n  display: flex;\n  align-items: flex-start;\n  gap: var(--s4);\n}\n.ks-home .s-ct__info-ic{\n  flex: 0 0 auto;\n  display: grid;\n  place-items: center;\n  width: 46px;\n  height: 46px;\n  border-radius: var(--r-sm);\n  background: rgba(255,255,255,.10);\n  border: 1px solid rgba(255,255,255,.16);\n  color: var(--cyan);\n}\n.ks-home .s-ct__info .stack b{\n  color: #fff;\n  font-size: 1rem;\n}\n.ks-home .s-ct__info .stack span{\n  color: rgba(226,246,249,.82);\n  font-size: var(--fs-sm);\n  margin-top: 2px;\n}\n.ks-home .s-ct__info .stack a{\n  color: #fff;\n  font-weight: 600;\n  font-family: Poppins, sans-serif;\n  margin-top: 2px;\n  width: max-content;\n  transition: color .2s;\n}\n.ks-home .s-ct__info .stack a:hover{ color: var(--cyan); }\n\n\/* Map: rounded frame, pushed to the bottom of the panel *\/\n.ks-home .s-ct__map{\n  margin-top: auto;\n  padding-top: clamp(20px, 2.6vw, 28px);\n  border-radius: 0;\n  overflow: visible;\n  box-shadow: none;\n}\n.ks-home .s-ct__map iframe{\n  display: block;\n  width: 100%;\n  height: clamp(180px, 22vw, 230px);\n  border: 0;\n  border-radius: var(--r-lg);\n  box-shadow: 0 12px 28px rgba(0,0,0,.22);\n}\n\n\/* ---- RIGHT: form card ----------------------------------------------------- *\/\n.ks-home .s-ct__formcard{\n  padding: clamp(24px, 3vw, 40px);\n  border-color: var(--line);\n  box-shadow: var(--sh);\n}\n\n.ks-home .s-ct__form-title{\n  font-size: var(--fs-h3);\n  margin-bottom: clamp(16px, 2vw, 22px);\n}\n\n.ks-home .s-ct__field{ margin-bottom: var(--s4); }\n.ks-home .s-ct__field > label{\n  display: block;\n  font-family: Poppins, sans-serif;\n  font-weight: 600;\n  font-size: var(--fs-sm);\n  color: var(--navy);\n  margin-bottom: 7px;\n}\n\n\/* Two fields side by side (phone + email) *\/\n.ks-home .s-ct__row{\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: var(--s4);\n}\n.ks-home .s-ct__row .s-ct__field{ margin-bottom: var(--s4); }\n\n\/* Inputs : clean, rounded, soft *\/\n.ks-home .s-ct__form input[type=\"text\"], .ks-home .s-ct__form input[type=\"tel\"], .ks-home .s-ct__form input[type=\"email\"], .ks-home .s-ct__form select{\n  width: 100%;\n  font: inherit;\n  color: var(--ink);\n  background: var(--paper);\n  border: 1.5px solid var(--line-2);\n  border-radius: var(--r-sm);\n  padding: 13px 15px;\n  line-height: 1.3;\n  transition: border-color .2s, box-shadow .2s, background .2s;\n  -webkit-appearance: none;\n  appearance: none;\n}\n.ks-home .s-ct__form input::placeholder{ color: var(--slate-400); }\n\n.ks-home .s-ct__form input:focus, .ks-home .s-ct__form select:focus{\n  outline: none;\n  background: #fff;\n  border-color: var(--cyan);\n  box-shadow: var(--ring);\n}\n\n\/* Custom select caret *\/\n.ks-home .s-ct__select{ position: relative; }\n.ks-home .s-ct__select select{ padding-right: 44px; cursor: pointer; }\n.ks-home .s-ct__caret{\n  position: absolute;\n  top: 50%;\n  right: 14px;\n  transform: translateY(-50%);\n  color: var(--slate);\n  pointer-events: none;\n}\n\n\/* Consent *\/\n.ks-home .s-ct__consent{\n  display: flex;\n  align-items: flex-start;\n  gap: var(--s3);\n  margin: var(--s5) 0;\n  padding: 14px 16px;\n  background: var(--cyan-50);\n  border: 1px solid var(--cyan-100);\n  border-radius: var(--r-sm);\n}\n.ks-home .s-ct__consent input[type=\"checkbox\"]{\n  flex: 0 0 auto;\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n  accent-color: var(--teal);\n  cursor: pointer;\n}\n.ks-home .s-ct__consent label{\n  font-size: var(--fs-sm);\n  color: var(--slate);\n  line-height: 1.5;\n  cursor: pointer;\n}\n\n.ks-home .s-ct__submit{ margin-top: var(--s2); }\n.ks-home .s-ct__submit svg{ transition: transform .25s var(--ease); }\n.ks-home .s-ct__submit:hover svg{ transform: translateX(3px); }\n\n\/* Note under the form *\/\n.ks-home .s-ct__note{\n  display: flex;\n  align-items: flex-start;\n  gap: var(--s2);\n  margin-top: var(--s4);\n  font-size: var(--fs-xs);\n  line-height: 1.5;\n  color: var(--slate);\n}\n.ks-home .s-ct__note svg{ flex: 0 0 auto; margin-top: 2px; color: var(--teal); }\n\n\/* Submitted state (replaces the form on success) *\/\n.ks-home .s-ct__done{\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 6px 0;\n}\n.ks-home .s-ct__done-ic{\n  display: grid;\n  place-items: center;\n  width: 54px;\n  height: 54px;\n  border-radius: 50%;\n  background: var(--cyan-50);\n  border: 1px solid var(--cyan-100);\n  color: var(--teal);\n  margin-bottom: 6px;\n}\n.ks-home .s-ct__done h3{ font-size: var(--fs-h3); color: var(--navy); }\n.ks-home .s-ct__done p{ color: var(--slate); font-size: var(--fs-sm); line-height: 1.6; max-width: 42ch; }\n\n\/* Error state on the note *\/\n.ks-home .s-ct__note--err{ color: #b00020; }\n.ks-home .s-ct__note--err svg{ color: #b00020; }\n\n\/* ---- Responsive ----------------------------------------------------------- *\/\n@media (max-width: 900px){\n  .ks-home .s-ct__layout{ grid-template-columns: 1fr; }\n  .ks-home .s-ct__map iframe{ height: clamp(200px, 40vw, 260px); }\n}\n@media (max-width: 560px){\n  .ks-home .s-ct__row{ grid-template-columns: 1fr; gap: 0; }\n}\n\n\/* reliability overrides *\/\n.ks-home .reveal{opacity:1 !important;transform:none !important}\n\n<\/style>\n<div class=\"ks-home\">\n<main>\n<section class=\"h3x\" id=\"home\" aria-labelledby=\"h3x-title\">\n  <span class=\"h3x__blob h3x__blob--a\" aria-hidden=\"true\"><\/span>\n  <span class=\"h3x__blob h3x__blob--b\" aria-hidden=\"true\"><\/span>\n  <div class=\"container\">\n    <div class=\"h3x__inner\">\n      <div class=\"h3x__copy\">\n        <span class=\"h3x__eyebrow\">Family &amp; implant dentistry in Kanata<\/span>\n        <h1 class=\"h3x__h1\" id=\"h3x-title\">Dental care for your whole family, right here in Kanata.<\/h1>\n        <p class=\"h3x__sub\">Check-ups, dental implants, and clear aligners for every age, with time to talk through your options. <strong>Direct billing and the Canadian Dental Care Plan accepted.<\/strong><\/p>\n        <div class=\"h3x__cta\">\n          <a class=\"btn btn--primary btn--lg\" href=\"#contact\">Request an appointment<\/a>\n          <a class=\"h3x__call\" href=\"tel:+16135926850\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" 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>Call (613) 592-6850<\/a>\n        <\/div>\n        <ul class=\"h3x__chips\" aria-label=\"Practice highlights\">\n          <li class=\"h3x__chip\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>New patients welcome<\/li>\n          <li class=\"h3x__chip\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Direct billing &amp; CDCP<\/li>\n          <li class=\"h3x__chip\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>English, French, Arabic &amp; Ukrainian<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"h3x__media\">\n        <span class=\"h3x__media-shape\" aria-hidden=\"true\"><\/span>\n        <div class=\"h3x__photo\"><img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-content\/uploads\/2026\/06\/smile.png\" alt=\"A patient with a bright, healthy smile\"><\/div>\n        <div class=\"h3x__pill\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Now welcoming new patients<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"s-trust\" aria-label=\"Why patients choose Kanata Smiles\">\n  <div class=\"container\">\n    <div class=\"s-trust__panel reveal\">\n      <svg class=\"s-trust__motif\" viewBox=\"0 0 1200 220\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M0 150 C 220 90, 380 200, 600 140 S 1000 70, 1200 130\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <path d=\"M0 190 C 260 130, 420 230, 640 175 S 1010 120, 1200 175\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n      <\/svg>\n\n      <ul class=\"s-trust__grid\">\n        <li class=\"s-trust__item reveal\">\n          <span class=\"s-trust__icon\" aria-hidden=\"true\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\">\n              <path d=\"M12 2l8 4v6c0 5-3.4 8.5-8 10-4.6-1.5-8-5-8-10V6z\"\/>\n              <path d=\"M9 12l2 2 4-4\"\/>\n            <\/svg>\n          <\/span>\n          <span class=\"stack\">\n            <b>RCDSO \u00b7 CDA \u00b7 ODA<\/b>\n            <span>Proud members<\/span>\n          <\/span>\n        <\/li>\n\n        <li class=\"s-trust__item reveal reveal-2\">\n          <span class=\"s-trust__icon\" aria-hidden=\"true\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n              <path d=\"M12 7v5l3 2\"\/>\n            <\/svg>\n          <\/span>\n          <span class=\"stack\">\n            <b>20+ years<\/b>\n            <span>of experience<\/span>\n          <\/span>\n        <\/li>\n\n        <li class=\"s-trust__item reveal reveal-3\">\n          <span class=\"s-trust__icon\" aria-hidden=\"true\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\">\n              <rect x=\"2.5\" y=\"5\" width=\"19\" height=\"14\" rx=\"2.5\"\/>\n              <path d=\"M2.5 9.5h19\"\/>\n              <path d=\"M6 14.5h4\"\/>\n            <\/svg>\n          <\/span>\n          <span class=\"stack\">\n            <b>Direct billing &amp; CDCP<\/b>\n            <span>accepted<\/span>\n          <\/span>\n        <\/li>\n\n        <li class=\"s-trust__item reveal reveal-4\">\n          <span class=\"s-trust__icon\" aria-hidden=\"true\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n              <path d=\"M3.2 12h17.6\"\/>\n              <path d=\"M12 3c2.6 2.7 2.6 15.3 0 18M12 3c-2.6 2.7-2.6 15.3 0 18\"\/>\n            <\/svg>\n          <\/span>\n          <span class=\"stack\">\n            <b>4 languages<\/b>\n            <span>EN, FR, AR, UK<\/span>\n          <\/span>\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"w5\" id=\"why\" aria-labelledby=\"w5-title\">\n  <div class=\"container\">\n    <div class=\"w5-head\">\n      <span class=\"eyebrow\">How we work<\/span>\n      <h2 class=\"w5-title\" id=\"w5-title\">Professional dental care, explained clearly and without pressure<\/h2>\n    <\/div>\n\n    <ul class=\"w5-row\">\n      <li class=\"w5-item\">\n        <span class=\"w5-ico\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M21 11.5a8.5 8.5 0 0 1-12.2 7.7L3 21l1.8-5.8A8.5 8.5 0 1 1 21 11.5Z\"\/>\n            <path d=\"M8.5 11.5h.01M12 11.5h.01M15.5 11.5h.01\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"w5-name\">Time to ask questions<\/h3>\n        <p class=\"w5-text\">We plan appointments with room to talk through your options before any treatment.<\/p>\n      <\/li>\n\n      <li class=\"w5-item\">\n        <span class=\"w5-ico\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M2.5 12S5.5 5.5 12 5.5 21.5 12 21.5 12 18.5 18.5 12 18.5 2.5 12 2.5 12Z\"\/>\n            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"w5-name\">Your options, explained<\/h3>\n        <p class=\"w5-text\">We review your X-rays with you and explain each one in plain terms, so the decision is yours.<\/p>\n      <\/li>\n\n      <li class=\"w5-item\">\n        <span class=\"w5-ico\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"8\" cy=\"8\" r=\"3\"\/>\n            <circle cx=\"17\" cy=\"9.5\" r=\"2.3\"\/>\n            <path d=\"M2.5 19a5.5 5.5 0 0 1 11 0\"\/>\n            <path d=\"M15 19a4.2 4.2 0 0 1 6.5-3.5\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"w5-name\">Care for every age<\/h3>\n        <p class=\"w5-text\">From a child's first check-up to dental implants later in life, your whole family is seen in one place.<\/p>\n      <\/li>\n\n      <li class=\"w5-item\">\n        <span class=\"w5-ico\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"9.5\"\/>\n            <path d=\"M2.5 12h19\"\/>\n            <path d=\"M12 2.5c2.6 2.5 4 5.9 4 9.5s-1.4 7-4 9.5c-2.6-2.5-4-5.9-4-9.5s1.4-7 4-9.5Z\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"w5-name\">We speak your language<\/h3>\n        <p class=\"w5-text\">Our team treats patients in English, French, Arabic, and Ukrainian.<\/p>\n      <\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<section class=\"section section--alt v1\" id=\"services\" aria-labelledby=\"v1-title\">\n    <div class=\"container\">\n\n      <div class=\"shead shead--center reveal\">\n        <span class=\"eyebrow eyebrow--chip\">Our services<\/span>\n        <h2 id=\"v1-title\">Complete dental care in one place<\/h2>\n      <\/div>\n\n      <div class=\"grid cols-3 v1-grid\">\n\n        <!-- Card 1 -->\n        <a class=\"v1-card reveal\" href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/checkups\/\">\n          <span class=\"v1-photo\"><img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-content\/uploads\/2026\/06\/test-smile.png\" alt=\"A patient smiling at a check-up\"><\/span>\n          <span class=\"v1-body\">\n            <h3>Check-ups &amp; cleanings<\/h3>\n            <p>Routine exams, professional cleanings, and digital X-rays to keep problems small.<\/p>\n            <span class=\"v1-more\">Learn more\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n            <\/span>\n          <\/span>\n        <\/a>\n\n        <!-- Card 2 -->\n        <a class=\"v1-card reveal reveal-2\" href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/implants\/\">\n          <span class=\"v1-photo\"><img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-content\/uploads\/2026\/06\/senior.png\" alt=\"An older patient with a healthy smile\"><\/span>\n          <span class=\"v1-body\">\n            <h3>Dental implants<\/h3>\n            <p>Replace a missing tooth with a natural-looking, long-lasting result.<\/p>\n            <span class=\"v1-more\">Learn more\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n            <\/span>\n          <\/span>\n        <\/a>\n\n        <!-- Card 3 -->\n        <a class=\"v1-card reveal reveal-3\" href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/invisalign\/\">\n          <span class=\"v1-photo\"><img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-content\/uploads\/2026\/06\/aligner.png\" alt=\"A patient holding a clear aligner with a bright smile\"><\/span>\n          <span class=\"v1-body\">\n            <h3>Clear aligners<\/h3>\n            <p>Straighten teeth with clear, removable aligners, such as Invisalign.<\/p>\n            <span class=\"v1-more\">Learn more\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n            <\/span>\n          <\/span>\n        <\/a>\n\n        <!-- Card 4 -->\n        <a class=\"v1-card reveal\" href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/cosmetic-dentistry\/\">\n          <span class=\"v1-photo\"><img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-content\/uploads\/2026\/06\/cosmetic.png\" alt=\"A bright, healthy smile\"><\/span>\n          <span class=\"v1-body\">\n            <h3>Cosmetic dentistry<\/h3>\n            <p>Whitening, veneers, and bonding to refresh the look of your smile.<\/p>\n            <span class=\"v1-more\">Learn more\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n            <\/span>\n          <\/span>\n        <\/a>\n\n        <!-- Card 5 -->\n        <a class=\"v1-card reveal reveal-2\" href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/childrens-dentistry\/\">\n          <span class=\"v1-photo\"><img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-content\/uploads\/2026\/06\/family.png\" alt=\"A happy family at the dentist\"><\/span>\n          <span class=\"v1-body\">\n            <h3>Children's dentistry<\/h3>\n            <p>Comfortable check-ups, cleanings, and sealants for kids.<\/p>\n            <span class=\"v1-more\">Learn more\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n            <\/span>\n          <\/span>\n        <\/a>\n\n        <!-- Card 6 -->\n        <a class=\"v1-card reveal reveal-3\" href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/emergency-dentistry\/\">\n          <span class=\"v1-photo\"><img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-content\/uploads\/2026\/06\/emergency.png\" alt=\"A dentist caring for a patient\"><\/span>\n          <span class=\"v1-body\">\n            <h3>Emergency dental care<\/h3>\n            <p>Same-day help for toothaches, broken teeth, and dental pain. Call us right away.<\/p>\n            <span class=\"v1-more\">Learn more\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n            <\/span>\n          <\/span>\n        <\/a>\n\n      <\/div>\n\n      <div class=\"v1-treats reveal\">\n        <p class=\"v1-treats__label\">More treatments we offer<\/p>\n        <ul class=\"v1-treats__chips\">\n          <li class=\"chip\"><a href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/crowns-bridges\/\">Crowns &amp; bridges<\/a><\/li>\n          <li class=\"chip\"><a href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/root-canal-therapy\/\">Root canal therapy<\/a><\/li>\n          <li class=\"chip\"><a href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/tooth-extractions\/\">Wisdom tooth extractions<\/a><\/li>\n          <li class=\"chip\"><a href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/teeth-whitening\/\">Teeth whitening<\/a><\/li>\n          <li class=\"chip\"><a href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/dental-fillings\/\">Fillings<\/a><\/li>\n          <li class=\"chip\"><a href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/denture-services\/\">Dentures<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"v1-cta reveal\">\n        <a class=\"btn btn--ghost\" href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/services\/\">View all treatments<\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<section id=\"comfort\" class=\"section s-cmf\" aria-labelledby=\"cmf-title\">\n  <div class=\"container\">\n    <div class=\"s-cmf__shell reveal\">\n\n      <!-- Soft ambient gradient + line-motif backdrop (decorative) -->\n      <div class=\"s-cmf__glow\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"s-cmf__grid\">\n\n        <!-- LEFT: message + step list -->\n        <div class=\"s-cmf__copy\">\n          <span class=\"eyebrow eyebrow--chip\">At your pace<\/span>\n          <h2 id=\"cmf-title\" class=\"s-cmf__title\">Go at your own pace<\/h2>\n          <p class=\"s-cmf__lead\">\n            We'll talk through what to expect before we begin, and check in with you as we go.\n            If you'd like to pause at any point, just let us know.\n          <\/p>\n\n          <ul class=\"s-cmf__steps\" role=\"list\">\n            <li class=\"s-cmf__step\">\n              <span class=\"s-cmf__check\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n              <\/span>\n              <span class=\"s-cmf__steptext\">We explain each step before we do it<\/span>\n            <\/li>\n            <li class=\"s-cmf__step\">\n              <span class=\"s-cmf__check\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n              <\/span>\n              <span class=\"s-cmf__steptext\">We review your X-rays with you<\/span>\n            <\/li>\n            <li class=\"s-cmf__step\">\n              <span class=\"s-cmf__check\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n              <\/span>\n              <span class=\"s-cmf__steptext\">You decide what is right for you<\/span>\n            <\/li>\n          <\/ul>\n\n          <a class=\"btn btn--primary btn--lg s-cmf__cta\" href=\"#new\">\n            What to expect at your first visit\n            <svg class=\"s-cmf__arrow\" 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 12h14M13 6l6 6-6 6\"\/><\/svg>\n          <\/a>\n        <\/div>\n\n        <!-- RIGHT: supporting brand SVG illustration (decorative) -->\n        <div class=\"s-cmf__art\" aria-hidden=\"true\">\n          <svg class=\"s-cmf__svg\" viewBox=\"0 0 420 420\" role=\"presentation\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <defs>\n              <linearGradient id=\"cmfGradCyan\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n                <stop offset=\"0\" stop-color=\"#1FC4D8\"\/>\n                <stop offset=\"1\" stop-color=\"#0E97AC\"\/>\n              <\/linearGradient>\n              <linearGradient id=\"cmfGradSoft\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0\" stop-color=\"#E2F6F9\"\/>\n                <stop offset=\"1\" stop-color=\"#FFFFFF\"\/>\n              <\/linearGradient>\n            <\/defs>\n\n            <!-- soft blobs -->\n            <circle cx=\"300\" cy=\"120\" r=\"150\" fill=\"url(#cmfGradSoft)\"\/>\n            <circle cx=\"120\" cy=\"300\" r=\"120\" fill=\"#EFFAFC\"\/>\n\n            <!-- breathing rings: calm, steady rhythm -->\n            <g class=\"s-cmf__rings\" fill=\"none\" stroke=\"#C9EEF3\" stroke-width=\"2\">\n              <circle cx=\"210\" cy=\"200\" r=\"150\"\/>\n              <circle cx=\"210\" cy=\"200\" r=\"116\"\/>\n            <\/g>\n\n            <!-- speech \/ conversation card (we talk it through) -->\n            <g class=\"s-cmf__float\">\n              <rect x=\"92\" y=\"120\" width=\"236\" height=\"160\" rx=\"26\" fill=\"#FFFFFF\" stroke=\"#E6EEF3\"\/>\n              <circle cx=\"132\" cy=\"162\" r=\"20\" fill=\"#E2F6F9\"\/>\n              <path d=\"M124 162a8 8 0 1 1 16 0M132 168a14 14 0 0 1 14 8\" fill=\"none\" stroke=\"#0E97AC\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/>\n              <rect x=\"166\" y=\"150\" width=\"120\" height=\"12\" rx=\"6\" fill=\"#E6EEF3\"\/>\n              <rect x=\"166\" y=\"172\" width=\"86\" height=\"12\" rx=\"6\" fill=\"#EFF4F7\"\/>\n              <!-- progress: steady, unhurried pace -->\n              <rect x=\"116\" y=\"214\" width=\"188\" height=\"14\" rx=\"7\" fill=\"#EFF4F7\"\/>\n              <rect x=\"116\" y=\"214\" width=\"104\" height=\"14\" rx=\"7\" fill=\"url(#cmfGradCyan)\"\/>\n              <circle cx=\"220\" cy=\"221\" r=\"13\" fill=\"#FFFFFF\" stroke=\"url(#cmfGradCyan)\" stroke-width=\"3\"\/>\n            <\/g>\n\n            <!-- pause control: pause whenever you like -->\n            <g class=\"s-cmf__chip\">\n              <circle cx=\"312\" cy=\"284\" r=\"40\" fill=\"url(#cmfGradCyan)\"\/>\n              <rect x=\"303\" y=\"270\" width=\"7\" height=\"28\" rx=\"3.2\" fill=\"#FFFFFF\"\/>\n              <rect x=\"314\" y=\"270\" width=\"7\" height=\"28\" rx=\"3.2\" fill=\"#FFFFFF\"\/>\n            <\/g>\n\n            <!-- small reassurance dot -->\n            <circle class=\"s-cmf__dot\" cx=\"96\" cy=\"118\" r=\"11\" fill=\"#FFB45A\"\/>\n          <\/svg>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"about\" class=\"section section--alt s-abt\" aria-labelledby=\"s-abt-title\">\n  <div class=\"container s-abt__inner\">\n\n    <!-- Media column: framed portrait, cyan accent shape, floating credential badge -->\n    <div class=\"s-abt__media reveal\">\n      <svg class=\"s-abt__shape\" viewBox=\"0 0 460 520\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M236 8c92-22 196 26 214 124 18 96-26 156-14 248 11 86-78 138-176 132C150 506 56 470 24 384-8 298 18 196 70 122 120 50 158 26 236 8Z\" fill=\"currentColor\"\/>\n      <\/svg>\n\n      <div class=\"s-abt__frame frame\">\n        <img loading=\"lazy\" src=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-content\/uploads\/2026\/06\/dr-benjameen.jpg\" width=\"750\" height=\"1000\"\n             alt=\"Dr. Anton Benjameen, general dentist at Kanata Smiles\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n\n      <div class=\"s-abt__badge\" role=\"group\" aria-label=\"Credential\">\n        <span class=\"s-abt__badge-ic\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\">\n            <path d=\"M12 2l8 4v6c0 5-3.4 8.5-8 10-4.6-1.5-8-5-8-10V6z\"\/>\n            <path d=\"M9 12l2 2 4-4\"\/>\n          <\/svg>\n        <\/span>\n        <span class=\"stack\">\n          <b>Dr. Anton Benjameen<\/b>\n          <span>General dentist<\/span>\n        <\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Content column -->\n    <div class=\"s-abt__body reveal reveal-2\">\n      <p class=\"eyebrow\">Meet your dentist<\/p>\n      <h2 id=\"s-abt-title\">Dr. Anton Benjameen<\/h2>\n\n      <p>Dr. Anton Benjameen is a general dentist. He has practised for over 20 years, including eight years caring for families in Waterloo before opening in Kanata, and treats everything from routine check-ups to dental implants.<\/p>\n      <p>He takes time to explain your diagnosis and answer your questions before any treatment begins.<\/p>\n\n      <ul class=\"s-abt__pills\" aria-label=\"Background\">\n        <li class=\"chip\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\n          20+ years experience\n        <\/li>\n        <li class=\"chip\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 3 3 8l9 5 9-5-9-5Z\"\/><path d=\"M7 10.5V15c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5v-4.5\"\/><path d=\"M21 8v5\"\/><\/svg>\n          U of T \/ NDEB certified (2014)\n        <\/li>\n        <li class=\"chip\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3.2 12h17.6\"\/><path d=\"M12 3c2.6 2.7 2.6 15.3 0 18M12 3c-2.6 2.7-2.6 15.3 0 18\"\/><\/svg>\n          EN \u00b7 FR \u00b7 AR \u00b7 UK\n        <\/li>\n      <\/ul>\n\n      <div class=\"s-abt__cta\">\n        <a class=\"btn btn--primary\" href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/meet-dr-benjameen\/\">\n          Read Dr. Benjameen's profile\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg>\n        <\/a>\n        <a class=\"btn btn--ghost\" href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/about\/\">Meet the whole team<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<section id=\"team\" class=\"section section--alt section--tight s-hyg\" aria-labelledby=\"s-hyg-title\">\n  <div class=\"container s-hyg__inner\">\n\n    <div class=\"s-hyg__body reveal\">\n      <p class=\"eyebrow\">Meet your hygienist<\/p>\n      <h3 id=\"s-hyg-title\">Nataliia Benjameen<\/h3>\n      <p class=\"s-hyg__role\">Dental Hygienist<\/p>\n      <p>Nataliia Benjameen is a dedicated Dental Hygienist at Kanata Smiles, where she provides compassionate and thorough care to our patients. As a key member of our clinical team, she is committed to helping you achieve and maintain optimal oral health.<\/p>\n      <p>Outside of the office, Nataliia is a supportive wife to Dr. Benjameen and a devoted mother to their four children. We are delighted to have her expertise on staff.<\/p>\n    <\/div>\n\n    <div class=\"s-hyg__media reveal reveal-2\">\n      <div class=\"s-hyg__frame\">\n        <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-content\/uploads\/2026\/06\/kanata-smiles-nataliia.jpg\" alt=\"Nataliia Benjameen, Dental Hygienist at Kanata Smiles\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<section id=\"insurance\" class=\"section s-ins\" aria-labelledby=\"s-ins-title\">\n  <!-- Decorative brand motifs: soft cyan radial glow + dot grid (navy band) -->\n  <div class=\"s-ins__bg\" aria-hidden=\"true\">\n    <span class=\"s-ins__glow s-ins__glow--1\"><\/span>\n    <span class=\"s-ins__glow s-ins__glow--2\"><\/span>\n    <svg class=\"s-ins__dots\" viewBox=\"0 0 600 600\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\">\n      <defs>\n        <pattern id=\"sInsDots\" width=\"34\" height=\"34\" patternUnits=\"userSpaceOnUse\">\n          <circle cx=\"2\" cy=\"2\" r=\"2\" fill=\"#19BDD3\" opacity=\"0.22\"\/>\n        <\/pattern>\n      <\/defs>\n      <rect width=\"600\" height=\"600\" fill=\"url(#sInsDots)\"\/>\n    <\/svg>\n  <\/div>\n\n  <div class=\"container s-ins__inner\">\n    <!-- Copy column (offset) -->\n    <div class=\"s-ins__copy reveal\">\n      <p class=\"eyebrow s-ins__eyebrow\">Straightforward about cost<\/p>\n      <h2 id=\"s-ins-title\" class=\"s-ins__title\">Direct billing and CDCP accepted<\/h2>\n      <p class=\"s-ins__body\">\n        We bill most insurance plans directly, so you pay only your portion at your visit.\n        We also accept the Canadian Dental Care Plan. Tell us your plan when you book, and\n        we'll confirm your coverage before any treatment begins.\n      <\/p>\n\n      <!-- Accepted-payment reassurances -->\n      <ul class=\"s-ins__assure\" aria-label=\"What you can count on\">\n        <li class=\"s-ins__pill\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n            <path d=\"M5 13l4 4L19 7\"\/>\n          <\/svg>\n          Direct billing\n        <\/li>\n        <li class=\"s-ins__pill\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n            <path d=\"M5 13l4 4L19 7\"\/>\n          <\/svg>\n          CDCP accepted\n        <\/li>\n        <li class=\"s-ins__pill\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n            <path d=\"M5 13l4 4L19 7\"\/>\n          <\/svg>\n          Coverage confirmed before treatment\n        <\/li>\n      <\/ul>\n\n      <div class=\"s-ins__cta\">\n        <a class=\"btn btn--light\" href=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/insurance-cdcp\/\">Insurance &amp; CDCP details<\/a>\n        <a class=\"btn btn--primary\" href=\"#contact\">\n          Request an appointment\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- How billing works: 3-step mini-flow on a glassy card -->\n    <aside class=\"s-ins__flow reveal reveal-2\" aria-labelledby=\"s-ins-flow-title\">\n      <h3 id=\"s-ins-flow-title\" class=\"s-ins__flow-title\">How billing works<\/h3>\n      <ol class=\"s-ins__steps\">\n        <li class=\"s-ins__step\">\n          <span class=\"s-ins__step-num\" aria-hidden=\"true\">1<\/span>\n          <span class=\"stack s-ins__step-text\">\n            <b>Tell us your plan when you book<\/b>\n            <span>Share your insurance or CDCP details with your request.<\/span>\n          <\/span>\n        <\/li>\n        <li class=\"s-ins__step\">\n          <span class=\"s-ins__step-num\" aria-hidden=\"true\">2<\/span>\n          <span class=\"stack s-ins__step-text\">\n            <b>We confirm your coverage<\/b>\n            <span>We review what your plan covers before any treatment begins.<\/span>\n          <\/span>\n        <\/li>\n        <li class=\"s-ins__step\">\n          <span class=\"s-ins__step-num\" aria-hidden=\"true\">3<\/span>\n          <span class=\"stack s-ins__step-text\">\n            <b>You pay only your portion<\/b>\n            <span>We bill most plans directly, so there are no surprises afterward.<\/span>\n          <\/span>\n        <\/li>\n      <\/ol>\n    <\/aside>\n  <\/div>\n<\/section>\n\n<section id=\"new\" class=\"section s-np\" aria-labelledby=\"np-title\">\n  <div class=\"container\">\n    <div class=\"s-np__panel reveal\">\n      <!-- soft warm background motifs -->\n      <svg class=\"s-np__blob s-np__blob--a\" viewBox=\"0 0 600 600\" aria-hidden=\"true\" focusable=\"false\">\n        <defs>\n          <linearGradient id=\"npBlob\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n            <stop offset=\"0\" stop-color=\"#FFC074\"\/><stop offset=\"1\" stop-color=\"#F59E2E\"\/>\n          <\/linearGradient>\n        <\/defs>\n        <path d=\"M300 60c100 0 205 55 235 160s-15 220-110 280-230 40-310-35S15 295 80 200 200 60 300 60z\" fill=\"url(#npBlob)\" opacity=\".16\"\/>\n      <\/svg>\n      <svg class=\"s-np__blob s-np__blob--b\" viewBox=\"0 0 400 400\" aria-hidden=\"true\" focusable=\"false\">\n        <circle cx=\"200\" cy=\"200\" r=\"180\" fill=\"url(#npBlob)\" opacity=\".12\"\/>\n      <\/svg>\n\n      <div class=\"s-np__grid\">\n        <!-- Copy column -->\n        <div class=\"s-np__copy\">\n          <p class=\"eyebrow s-np__eyebrow\">New patients<\/p>\n          <h2 id=\"np-title\">Now welcoming new patients in Kanata<\/h2>\n          <p class=\"s-np__body\">Request a time online or call us, and we'll confirm a visit that fits your schedule. Your first appointment includes an examination and any necessary X-rays, followed by a treatment plan based on what we find.<\/p>\n\n          <div class=\"s-np__actions\">\n            <a class=\"btn btn--amber btn--lg\" href=\"#contact\">\n              Request an appointment\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                <path d=\"M5 12h14\"\/><path d=\"M13 6l6 6-6 6\"\/>\n              <\/svg>\n            <\/a>\n            <a class=\"btn btn--ghost btn--lg\" href=\"tel:+16135926850\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.5 2.8.6a2 2 0 0 1 1.7 2.1z\"\/>\n              <\/svg>\n              Call (613) 592-6850\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Friendly brand illustration column -->\n        <div class=\"s-np__art\" aria-hidden=\"true\">\n          <svg class=\"s-np__card\" viewBox=\"0 0 320 300\" fill=\"none\" focusable=\"false\">\n            <defs>\n              <linearGradient id=\"npHead\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n                <stop offset=\"0\" stop-color=\"#FFC074\"\/><stop offset=\"1\" stop-color=\"#F59E2E\"\/>\n              <\/linearGradient>\n            <\/defs>\n            <!-- appointment card -->\n            <rect x=\"40\" y=\"34\" width=\"240\" height=\"232\" rx=\"22\" fill=\"#FFFFFF\" stroke=\"#F0D9BC\"\/>\n            <!-- header band -->\n            <path d=\"M40 56a22 22 0 0 1 22-22h196a22 22 0 0 1 22 22v34H40z\" fill=\"url(#npHead)\"\/>\n            <!-- binder rings -->\n            <rect x=\"96\" y=\"22\" width=\"10\" height=\"26\" rx=\"5\" fill=\"#0F2A45\" opacity=\".7\"\/>\n            <rect x=\"214\" y=\"22\" width=\"10\" height=\"26\" rx=\"5\" fill=\"#0F2A45\" opacity=\".7\"\/>\n            <!-- calendar grid lines -->\n            <line x1=\"64\" y1=\"126\" x2=\"256\" y2=\"126\" stroke=\"#EDE3D6\" stroke-width=\"2\"\/>\n            <line x1=\"64\" y1=\"166\" x2=\"256\" y2=\"166\" stroke=\"#EDE3D6\" stroke-width=\"2\"\/>\n            <line x1=\"64\" y1=\"206\" x2=\"256\" y2=\"206\" stroke=\"#EDE3D6\" stroke-width=\"2\"\/>\n            <!-- day dots -->\n            <circle cx=\"84\" cy=\"146\" r=\"6\" fill=\"#C9EEF3\"\/>\n            <circle cx=\"124\" cy=\"146\" r=\"6\" fill=\"#C9EEF3\"\/>\n            <circle cx=\"164\" cy=\"146\" r=\"6\" fill=\"#C9EEF3\"\/>\n            <circle cx=\"84\" cy=\"186\" r=\"6\" fill=\"#C9EEF3\"\/>\n            <!-- chosen appointment slot -->\n            <rect x=\"148\" y=\"176\" width=\"92\" height=\"22\" rx=\"11\" fill=\"#19BDD3\"\/>\n            <circle cx=\"204\" cy=\"186\" r=\"6\" fill=\"#FFF4E6\"\/>\n            <circle cx=\"124\" cy=\"186\" r=\"6\" fill=\"#C9EEF3\"\/>\n            <circle cx=\"84\" cy=\"226\" r=\"6\" fill=\"#C9EEF3\"\/>\n            <circle cx=\"124\" cy=\"226\" r=\"6\" fill=\"#C9EEF3\"\/>\n            <!-- confirmation check badge -->\n            <circle cx=\"244\" cy=\"244\" r=\"34\" fill=\"#0E97AC\"\/>\n            <path d=\"M230 244l9 9 18-19\" stroke=\"#FFFFFF\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"faq\" class=\"section section--alt s-faq\" aria-labelledby=\"faq-title\">\n  <!-- Soft brand background motif (decorative) -->\n  <svg class=\"s-faq__blob\" viewBox=\"0 0 600 600\" aria-hidden=\"true\" focusable=\"false\">\n    <defs>\n      <linearGradient id=\"faqBlob\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n        <stop offset=\"0\" stop-color=\"#1FC4D8\"\/><stop offset=\"1\" stop-color=\"#0E97AC\"\/>\n      <\/linearGradient>\n    <\/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(#faqBlob)\" opacity=\".06\"\/>\n  <\/svg>\n\n  <div class=\"container\">\n    <div class=\"s-faq__grid\">\n\n      <!-- LEFT: sticky intro + reassurance CTA -->\n      <div class=\"s-faq__intro reveal\">\n        <p class=\"eyebrow eyebrow--chip\">Good to know<\/p>\n        <h2 id=\"faq-title\" class=\"s-faq__title\">Frequently asked questions<\/h2>\n        <p class=\"s-faq__lead\">A few quick answers about our clinic, hours, and how we care for you. If you do not see your question here, we are happy to help.<\/p>\n\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\">\n              <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\n            <\/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\">\n            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\" focusable=\"false\">\n              <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\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: accordion list (feeds FAQPage schema) -->\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\">\n              <span class=\"s-faq__qtext\">Where are you located?<\/span>\n              <span class=\"s-faq__ind\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" focusable=\"false\">\n                  <path d=\"M12 5v14\"\/><path d=\"M5 12h14\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"s-faq__a\"><p>300 March Road, Unit 200, Kanata, ON K2K 2E2.<\/p><\/div>\n          <\/details>\n        <\/li>\n\n        <li class=\"s-faq__item reveal reveal-2\">\n          <details class=\"s-faq__d\">\n            <summary class=\"s-faq__q\">\n              <span class=\"s-faq__qtext\">What are your hours?<\/span>\n              <span class=\"s-faq__ind\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" focusable=\"false\">\n                  <path d=\"M12 5v14\"\/><path d=\"M5 12h14\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"s-faq__a\"><p>Monday to Thursday, 8:30 am to 4:30 pm.<\/p><\/div>\n          <\/details>\n        <\/li>\n\n        <li class=\"s-faq__item reveal reveal-3\">\n          <details class=\"s-faq__d\">\n            <summary class=\"s-faq__q\">\n              <span class=\"s-faq__qtext\">Are you accepting new patients?<\/span>\n              <span class=\"s-faq__ind\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" focusable=\"false\">\n                  <path d=\"M12 5v14\"\/><path d=\"M5 12h14\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"s-faq__a\"><p>Yes. We welcome new patients and families.<\/p><\/div>\n          <\/details>\n        <\/li>\n\n        <li class=\"s-faq__item reveal reveal-4\">\n          <details class=\"s-faq__d\">\n            <summary class=\"s-faq__q\">\n              <span class=\"s-faq__qtext\">Do you bill insurance directly?<\/span>\n              <span class=\"s-faq__ind\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" focusable=\"false\">\n                  <path d=\"M12 5v14\"\/><path d=\"M5 12h14\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"s-faq__a\"><p>Yes. We offer direct billing for most plans and accept the CDCP.<\/p><\/div>\n          <\/details>\n        <\/li>\n\n        <li class=\"s-faq__item reveal reveal-4\">\n          <details class=\"s-faq__d\">\n            <summary class=\"s-faq__q\">\n              <span class=\"s-faq__qtext\">I find dental visits stressful. What can I expect?<\/span>\n              <span class=\"s-faq__ind\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" focusable=\"false\">\n                  <path d=\"M12 5v14\"\/><path d=\"M5 12h14\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"s-faq__a\"><p>We explain each step, work at your pace, and you can pause whenever you need to.<\/p><\/div>\n          <\/details>\n        <\/li>\n\n        <li class=\"s-faq__item reveal reveal-4\">\n          <details class=\"s-faq__d\">\n            <summary class=\"s-faq__q\">\n              <span class=\"s-faq__qtext\">What languages do you speak?<\/span>\n              <span class=\"s-faq__ind\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" focusable=\"false\">\n                  <path d=\"M12 5v14\"\/><path d=\"M5 12h14\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"s-faq__a\"><p>English, French, Arabic, and Ukrainian.<\/p><\/div>\n          <\/details>\n        <\/li>\n      <\/ul>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== PROFESSIONAL MEMBERSHIPS ===================== -->\n<section class=\"section section--tight assoc\" aria-label=\"Professional memberships\">\n  <div class=\"container\">\n    <p class=\"assoc__label reveal\">Proud members of<\/p>\n    <div class=\"assoc__logos reveal\">\n      <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-content\/uploads\/2026\/06\/oda.png\" alt=\"Ontario Dental Association\" loading=\"lazy\">\n      <span class=\"assoc__div\" aria-hidden=\"true\"><\/span>\n      <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-content\/uploads\/2026\/06\/rcdso.png\" alt=\"Royal College of Dental Surgeons of Ontario\" loading=\"lazy\">\n      <span class=\"assoc__div\" aria-hidden=\"true\"><\/span>\n      <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-content\/uploads\/2026\/06\/cda.png\" alt=\"Canadian Dental Association\" loading=\"lazy\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"contact\" class=\"section section--alt s-ct\" aria-labelledby=\"s-ct-title\">\n  <div class=\"container\">\n\n    <div class=\"shead shead--center reveal\">\n      <span class=\"eyebrow eyebrow--chip\">Book your visit<\/span>\n      <h2 id=\"s-ct-title\">Request an appointment<\/h2>\n      <p>Tell us a little about what you need and a time that suits you. Our team will call to confirm a time during office hours.<\/p>\n    <\/div>\n\n    <div class=\"s-ct__layout\">\n\n      <!-- LEFT: brand-coloured info panel with contact details + map -->\n      <aside class=\"s-ct__panel reveal\" aria-labelledby=\"s-ct-info-title\">\n        <div class=\"s-ct__glow\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"s-ct__panel-body\">\n          <h3 id=\"s-ct-info-title\" class=\"s-ct__panel-title\">Visit Kanata Smiles<\/h3>\n          <p class=\"s-ct__panel-lead\">New patients are welcome. Prefer to talk it through? Call us and we will help you find a time.<\/p>\n\n          <ul class=\"s-ct__info\" role=\"list\">\n            <li class=\"s-ct__info-item\">\n              <span class=\"s-ct__info-ic\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><path d=\"M12 21s-7-5.6-7-11a7 7 0 0 1 14 0c0 5.4-7 11-7 11Z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.6\"\/><\/svg>\n              <\/span>\n              <span class=\"stack\">\n                <b>Visit us<\/b>\n                <span>300 March Road, Unit 200, Kanata, ON K2K 2E2<\/span>\n              <\/span>\n            <\/li>\n\n            <li class=\"s-ct__info-item\">\n              <span class=\"s-ct__info-ic\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><path d=\"M6.5 3.5h3l1.6 4-2 1.5a12 12 0 0 0 5.4 5.4l1.5-2 4 1.6v3a2 2 0 0 1-2.2 2A16 16 0 0 1 4.5 5.7 2 2 0 0 1 6.5 3.5Z\"\/><\/svg>\n              <\/span>\n              <span class=\"stack\">\n                <b>Call us<\/b>\n                <a href=\"tel:+16135926850\">(613) 592-6850<\/a>\n              <\/span>\n            <\/li>\n\n            <li class=\"s-ct__info-item\">\n              <span class=\"s-ct__info-ic\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2.5\"\/><path d=\"m4 7 8 5 8-5\"\/><\/svg>\n              <\/span>\n              <span class=\"stack\">\n                <b>Email us<\/b>\n                <a href=\"mailto:info@kanatasmiles.com\">info@kanatasmiles.com<\/a>\n              <\/span>\n            <\/li>\n\n            <li class=\"s-ct__info-item\">\n              <span class=\"s-ct__info-ic\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\n              <\/span>\n              <span class=\"stack\">\n                <b>Hours<\/b>\n                <span>Monday to Thursday, 8:30 am to 4:30 pm<\/span>\n              <\/span>\n            <\/li>\n          <\/ul>\n\n          <div class=\"s-ct__map frame\">\n            <iframe title=\"Map to Kanata Smiles\" loading=\"lazy\" src=\"https:\/\/www.google.com\/maps?q=300+March+Road+Kanata+ON+K2K+2E2&output=embed\"><\/iframe>\n          <\/div>\n        <\/div>\n      <\/aside>\n\n      <!-- RIGHT: elevated form card -->\n      <div class=\"s-ct__formcard card reveal reveal-2\">\n        <form class=\"s-ct__form\" action=\"#\" method=\"post\" onsubmit=\"return false\" aria-labelledby=\"s-ct-form-title\">\n          <!-- WSIS_FORM:booking-request -->\n\n          <h3 id=\"s-ct-form-title\" class=\"s-ct__form-title\">Appointment request<\/h3>\n\n          <div class=\"s-ct__field\">\n            <label for=\"s-ct-name\">Full name<\/label>\n            <input type=\"text\" id=\"s-ct-name\" name=\"name\" autocomplete=\"name\" placeholder=\"Your name\" required>\n          <\/div>\n\n          <div class=\"s-ct__row\">\n            <div class=\"s-ct__field\">\n              <label for=\"s-ct-phone\">Phone<\/label>\n              <input type=\"tel\" id=\"s-ct-phone\" name=\"phone\" autocomplete=\"tel\" inputmode=\"tel\" placeholder=\"(613) 000-0000\" required>\n            <\/div>\n            <div class=\"s-ct__field\">\n              <label for=\"s-ct-email\">Email<\/label>\n              <input type=\"email\" id=\"s-ct-email\" name=\"email\" autocomplete=\"email\" placeholder=\"you@example.com\" required>\n            <\/div>\n          <\/div>\n\n          <div class=\"s-ct__field\">\n            <label for=\"s-ct-reason\">Reason for visit<\/label>\n            <div class=\"s-ct__select\">\n              <select id=\"s-ct-reason\" name=\"reason\" required>\n                <option value=\"\" selected>Please choose one<\/option>\n                <option value=\"checkup\">Check-up &amp; cleaning<\/option>\n                <option value=\"implants\">Dental implants<\/option>\n                <option value=\"invisalign\">Clear aligners<\/option>\n                <option value=\"cosmetic\">Cosmetic<\/option>\n                <option value=\"emergency\">Emergency<\/option>\n                <option value=\"other\">Other<\/option>\n              <\/select>\n              <svg class=\"s-ct__caret\" 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\" focusable=\"false\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n            <\/div>\n          <\/div>\n\n          <div class=\"s-ct__field\">\n            <label for=\"s-ct-times\">Preferred days \/ times<\/label>\n            <input type=\"text\" id=\"s-ct-times\" name=\"preferred_times\" placeholder=\"e.g. Tuesday mornings, or Thursday after 2 pm\">\n          <\/div>\n\n          <div class=\"s-ct__consent\">\n            <input type=\"checkbox\" id=\"s-ct-consent\" name=\"consent\" value=\"yes\" required>\n            <label for=\"s-ct-consent\">I agree to be contacted about my appointment request. (You can withdraw consent anytime.)<\/label>\n          <\/div>\n\n          <button type=\"submit\" class=\"btn btn--primary btn--block s-ct__submit\">\n            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\" focusable=\"false\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg>\n          <\/button>\n\n          <p class=\"s-ct__note\">\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 11v5\"\/><path d=\"M12 8h.01\"\/><\/svg>\n            This is a request, not a confirmed appointment. We will call to confirm a time during office hours.\n          <\/p>\n        <\/form>\n      <\/div>\n\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\/* Booking form -> Fluent Forms (form id 3) via admin-ajax.\n   Keeps the existing styled markup; submits in the background, no nonce needed.\n   NOTE: AJAX path is the staging WP root; update at go-live if WP moves. *\/\n(function(){\n  var form = document.querySelector('.ks-home .s-ct__form');\n  if(!form || form.dataset.wired) return;\n  form.dataset.wired = '1';\n  var AJAX = '\/projects\/kanata-smile\/wp-admin\/admin-ajax.php';\n  var FORM_ID = '3';\n  function val(n){ var el = form.querySelector('[name=\"'+n+'\"]'); return el ? el.value : ''; }\n\n  form.addEventListener('submit', function(e){\n    e.preventDefault();\n    if(form.checkValidity && !form.checkValidity()){ if(form.reportValidity) form.reportValidity(); return; }\n    var btn = form.querySelector('.s-ct__submit');\n    var origHTML = btn ? btn.innerHTML : '';\n    if(btn){ btn.disabled = true; btn.style.opacity = '.7'; btn.textContent = 'Sending...'; }\n\n    var d = new URLSearchParams();\n    d.append('full_name', val('name'));\n    d.append('phone', val('phone'));\n    d.append('email', val('email'));\n    d.append('reason', val('reason'));\n    d.append('preferred_times', val('preferred_times'));\n    if(form.querySelector('[name=\"consent\"]:checked')) d.append('consent[]', 'yes');\n\n    var body = new URLSearchParams();\n    body.append('action', 'fluentform_submit');\n    body.append('form_id', FORM_ID);\n    body.append('data', d.toString());\n\n    fetch(AJAX, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/x-www-form-urlencoded; charset=UTF-8', 'X-Requested-With': 'XMLHttpRequest' },\n      body: body.toString(),\n      credentials: 'same-origin'\n    })\n    .then(function(r){ return r.json().catch(function(){ return { success:false }; }); })\n    .then(function(res){\n      if(res && res.success){\n        var msg = (res.data && res.data.result && res.data.result.message)\n          ? res.data.result.message\n          : 'Thank you. Your request has been received. We will call to confirm a time during office hours.';\n        var card = form.closest('.s-ct__formcard');\n        if(card){\n          card.innerHTML = '<div class=\"s-ct__done\" role=\"status\">'\n            + '<span class=\"s-ct__done-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>'\n            + '<h3>Request received<\/h3>'\n            + '<p>' + msg + '<\/p><\/div>';\n          card.scrollIntoView({ behavior:'smooth', block:'center' });\n        }\n      } else {\n        throw new Error('submit-failed');\n      }\n    })\n    .catch(function(){\n      if(btn){ btn.disabled = false; btn.style.opacity = ''; btn.innerHTML = origHTML; }\n      var note = form.querySelector('.s-ct__note');\n      if(note){\n        note.classList.add('s-ct__note--err');\n        note.innerHTML = 'Sorry, we could not send your request just now. Please call us at (613) 592-6850 and we will help you book.';\n      }\n    });\n  });\n})();\n\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>Family &amp; implant dentistry in Kanata Dental care for your whole family, right here in Kanata. Check-ups, dental implants, and clear aligners for every age, with time to talk through your options. Direct billing and the Canadian Dental Care Plan accepted. Request an appointment Call (613) 592-6850 New patients welcome Direct billing &amp; CDCP English, [&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-202","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/pages\/202","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=202"}],"version-history":[{"count":22,"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/pages\/202\/revisions"}],"predecessor-version":[{"id":478,"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/pages\/202\/revisions\/478"}],"wp:attachment":[{"href":"https:\/\/www.preweb.site\/projects\/kanata-smile\/wp-json\/wp\/v2\/media?parent=202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}