.elementor-kit-90{--e-global-color-primary:#001D3D;--e-global-color-secondary:#B4D3DB;--e-global-color-text:#000000;--e-global-color-accent:#B4D3DB;--e-global-color-c3e5fb3:#FFFFFF;--e-global-color-5472c03:#58585A;--e-global-color-859c1da:#E7E7E7;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1em;--e-global-typography-b3af1d4-font-weight:500;--e-global-typography-b3af1d4-line-height:1.2em;--e-global-typography-3a73b4f-font-weight:500;--e-global-typography-3a73b4f-line-height:1.3em;--e-global-typography-14276b3-font-weight:500;--e-global-typography-14276b3-text-transform:uppercase;--e-global-typography-14276b3-line-height:1em;--e-global-typography-14276b3-letter-spacing:1.5px;--e-global-typography-1b90c1a-font-weight:500;--e-global-typography-1b90c1a-line-height:1.3em;--e-global-typography-9feda6e-font-weight:600;--e-global-typography-9feda6e-text-transform:uppercase;--e-global-typography-9feda6e-letter-spacing:1.3px;--e-global-typography-44a6057-font-family:"Heebo";--e-global-typography-44a6057-font-size:48px;--e-global-typography-44a6057-font-weight:600;--e-global-typography-44a6057-line-height:1.5em;--e-global-typography-da91dd3-font-weight:300;--e-global-typography-da91dd3-line-height:1em;--e-global-typography-f601a34-font-weight:300;--e-global-typography-f601a34-font-style:italic;--e-global-typography-f601a34-line-height:1.5em;color:var( --e-global-color-text );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-90 button,.elementor-kit-90 input[type="button"],.elementor-kit-90 input[type="submit"],.elementor-kit-90 .elementor-button{background-color:var( --e-global-color-secondary );font-weight:var( --e-global-typography-9feda6e-font-weight );text-transform:var( --e-global-typography-9feda6e-text-transform );letter-spacing:var( --e-global-typography-9feda6e-letter-spacing );color:var( --e-global-color-c3e5fb3 );border-style:solid;border-width:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;padding:20px 40px 20px 40px;}.elementor-kit-90 button:hover,.elementor-kit-90 button:focus,.elementor-kit-90 input[type="button"]:hover,.elementor-kit-90 input[type="button"]:focus,.elementor-kit-90 input[type="submit"]:hover,.elementor-kit-90 input[type="submit"]:focus,.elementor-kit-90 .elementor-button:hover,.elementor-kit-90 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-c3e5fb3 );}.elementor-kit-90 e-page-transition{background-color:#FFBC7D;}.elementor-kit-90 a{color:var( --e-global-color-secondary );}.elementor-kit-90 a:hover{color:var( --e-global-color-primary );}.elementor-kit-90 h1{color:var( --e-global-color-primary );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-90 h2{color:var( --e-global-color-primary );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-90 h3{color:var( --e-global-color-primary );font-weight:var( --e-global-typography-b3af1d4-font-weight );line-height:var( --e-global-typography-b3af1d4-line-height );}.elementor-kit-90 h4{color:var( --e-global-color-primary );font-weight:var( --e-global-typography-3a73b4f-font-weight );line-height:var( --e-global-typography-3a73b4f-line-height );}.elementor-kit-90 h5{color:var( --e-global-color-secondary );font-weight:var( --e-global-typography-14276b3-font-weight );text-transform:var( --e-global-typography-14276b3-text-transform );line-height:var( --e-global-typography-14276b3-line-height );letter-spacing:var( --e-global-typography-14276b3-letter-spacing );}.elementor-kit-90 h6{color:var( --e-global-color-primary );font-weight:var( --e-global-typography-1b90c1a-font-weight );line-height:var( --e-global-typography-1b90c1a-line-height );}.elementor-kit-90 label{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;line-height:2.3em;}.elementor-kit-90 input:not([type="button"]):not([type="submit"]),.elementor-kit-90 textarea,.elementor-kit-90 .elementor-field-textual{font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-859c1da );border-radius:5px 5px 5px 5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-90{--e-global-typography-primary-font-size:42px;--e-global-typography-f601a34-font-size:20px;line-height:var( --e-global-typography-text-line-height );}.elementor-kit-90 h1{line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-90 h2{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-90 h3{line-height:var( --e-global-typography-b3af1d4-line-height );}.elementor-kit-90 h4{line-height:var( --e-global-typography-3a73b4f-line-height );}.elementor-kit-90 h5{line-height:var( --e-global-typography-14276b3-line-height );letter-spacing:var( --e-global-typography-14276b3-letter-spacing );}.elementor-kit-90 h6{line-height:var( --e-global-typography-1b90c1a-line-height );}.elementor-kit-90 button,.elementor-kit-90 input[type="button"],.elementor-kit-90 input[type="submit"],.elementor-kit-90 .elementor-button{letter-spacing:var( --e-global-typography-9feda6e-letter-spacing );}.elementor-kit-90 input:not([type="button"]):not([type="submit"]),.elementor-kit-90 textarea,.elementor-kit-90 .elementor-field-textual{line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-90{--e-global-typography-primary-font-size:32px;--e-global-typography-secondary-font-size:24px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:16px;--e-global-typography-b3af1d4-font-size:18px;--e-global-typography-3a73b4f-font-size:16px;--e-global-typography-14276b3-font-size:14px;--e-global-typography-9feda6e-font-size:12px;--e-global-typography-f601a34-font-size:16px;line-height:var( --e-global-typography-text-line-height );}.elementor-kit-90 h1{line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-90 h2{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-90 h3{line-height:var( --e-global-typography-b3af1d4-line-height );}.elementor-kit-90 h4{line-height:var( --e-global-typography-3a73b4f-line-height );}.elementor-kit-90 h5{line-height:var( --e-global-typography-14276b3-line-height );letter-spacing:var( --e-global-typography-14276b3-letter-spacing );}.elementor-kit-90 h6{line-height:var( --e-global-typography-1b90c1a-line-height );}.elementor-kit-90 button,.elementor-kit-90 input[type="button"],.elementor-kit-90 input[type="submit"],.elementor-kit-90 .elementor-button{letter-spacing:var( --e-global-typography-9feda6e-letter-spacing );}.elementor-kit-90 input:not([type="button"]):not([type="submit"]),.elementor-kit-90 textarea,.elementor-kit-90 .elementor-field-textual{line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */<style>
    @import url("https://use.typekit.net/eqh4hvc.css");

    :root {
      --plum: #9d2f83;
      --berry: #c2408d;
      --rose: #f3bfd8;
      --blush: #fdeaf2;
      --cream: #fff8f1;
      --teal: #68cddd;
      --mint: #b8d8a0;
      --ink: #15101b;
      --soft: #fff4f8;
      --gold: #f6c85f;
      --max: 1160px;
    }

    * { box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    body {
      margin: 0;
      color: var(--ink);
      background: #fff;
      font-family: poppins, "Poppins", Arial, sans-serif;
      line-height: 1.65;
      overflow-x: hidden;
    }

    img { max-width: 100%; display: block; }

    a { color: inherit; text-decoration: none; }

    #bloom-lp,
    #bloom-lp * {
      box-sizing: border-box;
    }

    #bloom-lp {
      --plum: #9d2f83;
      --berry: #c2408d;
      --rose: #f3bfd8;
      --blush: #fdeaf2;
      --cream: #fff8f1;
      --teal: #68cddd;
      --mint: #b8d8a0;
      --ink: #15101b;
      --soft: #fff4f8;
      --gold: #f6c85f;
      --max: 1160px;
      width: 100%;
      max-width: none;
      margin: 0;
      color: var(--ink);
      background: #fff;
      font-family: poppins, "Poppins", Arial, sans-serif;
      line-height: 1.65;
      overflow-x: hidden;
    }

    #bloom-lp img { max-width: 100%; display: block; height: auto; }
    #bloom-lp a { color: inherit; text-decoration: none; }
    #bloom-lp p,
    #bloom-lp ul,
    #bloom-lp ol,
    #bloom-lp blockquote,
    #bloom-lp figure { margin-top: 0; }
    #bloom-lp h1,
    #bloom-lp h2,
    #bloom-lp h3 {
      font-family: gopher, "Cooper Black", Georgia, serif !important;
      font-weight: 800;
      color: inherit;
      text-transform: none;
    }

    #bloom-lp .pill,
    #bloom-lp button.pill {
      font-family: poppins, "Poppins", Arial, sans-serif !important;
      color: #fff !important;
      background: var(--plum) !important;
      border: 0 !important;
      text-decoration: none !important;
      box-shadow: 0 12px 22px rgba(157, 47, 131, .18) !important;
    }

    #bloom-lp .pill.teal { background: var(--teal) !important; }
    #bloom-lp .pill.light { background: #fff !important; color: var(--plum) !important; }
    #bloom-lp input,
    #bloom-lp select,
    #bloom-lp textarea,
    #bloom-lp label {
      font-family: poppins, "Poppins", Arial, sans-serif !important;
    }

    .topbar {
      min-height: 35px;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 18px;
      padding: 7px 18px;
      background: #f0eef3;
      font-size: 14px;
    }

    .topbar strong,
    .topbar a {
      font-size: 24px;
      line-height: 1;
      color: #060409;
      font-weight: 800;
    }

    .topbar span:first-child { color: var(--berry); }
    .topbar .divider { width: 1px; height: 22px; background: #cdbdca; }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 20;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      min-height: 92px;
      padding: 14px clamp(16px, 4vw, 48px);
      background: rgba(255,255,255,.94);
      backdrop-filter: blur(10px);
      box-shadow: 0 8px 28px rgba(82, 36, 76, .08);
    }

    .logo { width: min(250px, 42vw); }

    .header-actions { display: flex; gap: 12px; }

    .pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 12px 22px;
      border-radius: 999px;
      border: 0;
      color: #fff;
      background: var(--plum);
      font-weight: 800;
      line-height: 1.05;
      text-align: center;
      box-shadow: 0 12px 22px rgba(157, 47, 131, .18);
      transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
    }

    .pill:hover { transform: translateY(-2px); box-shadow: 0 16px 28px rgba(157, 47, 131, .25); }
    .pill.teal { background: var(--teal); box-shadow: 0 12px 22px rgba(104, 205, 221, .2); }
    .pill.light { background: #fff; color: var(--plum); }

    .hero {
      position: relative;
      min-height: 560px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(420px, .74fr);
      align-items: stretch;
      overflow: hidden;
      background: var(--plum);
    }

    .hero-media {
      position: relative;
      min-height: 560px;
      background: url("https://www.bloomkidsdentist.com/assets/images/index-banner.jpg") center / cover no-repeat;
      overflow: hidden;
    }

    .hero-media video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      min-height: 560px;
      object-fit: cover;
      object-position: center;
    }

    .hero-media::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(255,255,255,.02), rgba(157,47,131,.15));
    }

    .hero-panel {
      position: relative;
      min-height: 560px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 58px 36px 62px 74px;
      color: #fff;
      isolation: isolate;
      background: var(--plum);
      overflow: hidden;
    }

    .hero-panel .wave {
      position: absolute;
      top: -9%;
      bottom: auto;
      height: 118%;
      width: auto;
      max-width: none;
      z-index: 0;
      transform-origin: center;
      animation: heroWaveFloat 7s ease-in-out infinite;
    }

    .hero-panel .wave.one { left: -155px; opacity: 1; }
    .hero-panel .wave.two { left: 42px; opacity: .88; animation-delay: -1.7s; }
    .hero-panel .wave.three { right: -44px; opacity: .62; animation-delay: -3s; }

    .hero-copy {
      width: min(430px, 100%);
      position: relative;
      z-index: 2;
    }

    .eyebrow {
      margin: 0 0 16px;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 1.9px;
      text-transform: uppercase;
    }

    h1, h2, h3 {
      font-family: gopher, "Cooper Black", Georgia, serif;
      line-height: .98;
      letter-spacing: 0;
      margin: 0;
    }

    h1 {
      max-width: 470px;
      color: #fff;
      font-size: clamp(44px, 4.5vw, 64px);
    }

    .hero-copy p {
      max-width: 390px;
      margin: 18px 0 22px;
      font-size: 17px;
    }

    .hero-buttons { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }

    .hero-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px 18px;
      max-width: 440px;
      margin: 0 0 26px;
      padding: 0;
      list-style: none;
      font-size: 13px;
      font-weight: 800;
    }

    .hero-list li {
      position: relative;
      display: grid;
      grid-template-columns: 26px 1fr;
      gap: 10px;
      align-items: center;
    }

    .hero-list li::before {
      content: "";
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 8px 16px rgba(56, 20, 67, .18);
    }

    .hero-list li::after {
      content: "";
      position: absolute;
      left: 7px;
      top: 50%;
      width: 8px;
      height: 4px;
      border-left: 2px solid var(--teal);
      border-bottom: 2px solid var(--teal);
      transform: translateY(-68%) rotate(-45deg);
    }

    .section {
      position: relative;
      padding: clamp(70px, 9vw, 118px) 22px;
      overflow: hidden;
    }

    .section-inner {
      width: min(var(--max), 100%);
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    .intro {
      background: #fff;
      padding-top: 72px;
    }

    .section-title {
      text-align: center;
      margin-bottom: 42px;
    }

    .section-title .eyebrow { color: var(--plum); }

    h2 {
      font-size: clamp(40px, 6vw, 72px);
      color: var(--ink);
    }

    .lead {
      max-width: 720px;
      margin: 18px auto 0;
      font-size: 19px;
      text-align: center;
    }

    .callouts {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      margin-top: 24px;
    }

    .callout {
      min-height: 260px;
      padding: 36px 28px 32px;
      border-radius: 8px;
      background: var(--soft);
      text-align: center;
      box-shadow: 0 18px 44px rgba(132, 52, 111, .09);
      transition: transform .25s ease, background .25s ease;
    }

    .callout:hover { transform: translateY(-6px); background: #fff9fb; }
    .callout img { height: 54px; width: auto; margin: 0 auto 24px; }
    .callout h3 { font-size: 28px; color: var(--plum); margin-bottom: 12px; }
    .callout p { margin: 0; font-size: 15px; }

    .split {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: clamp(38px, 7vw, 86px);
      align-items: center;
    }

    .image-shell {
      position: relative;
      border-radius: 8px;
    }

    .image-shell .main-img {
      width: 100%;
      border-radius: 8px;
      box-shadow: 0 24px 60px rgba(77, 31, 68, .14);
    }

    .corner-waves {
      position: absolute;
      right: -24px;
      top: -32px;
      width: 210px;
      height: 170px;
      pointer-events: none;
    }

    .corner-waves img {
      position: absolute;
      right: 0;
      top: 0;
      animation: waveFloat 7.5s ease-in-out infinite;
    }

    .corner-waves img:nth-child(2) { top: 26px; animation-delay: -2s; }
    .corner-waves img:nth-child(3) { top: 54px; animation-delay: -4s; }

    .content-copy .eyebrow { color: var(--berry); }
    .content-copy h2 { margin-bottom: 22px; }
    .content-copy p { font-size: 17px; margin: 0 0 18px; }

    .checks {
      display: grid;
      gap: 12px;
      margin: 26px 0 30px;
      padding: 0;
      list-style: none;
      font-weight: 700;
    }

    .checks li {
      display: grid;
      grid-template-columns: 28px 1fr;
      gap: 12px;
      align-items: start;
    }

    .checks li::before {
      content: "";
      width: 24px;
      height: 24px;
      margin-top: 1px;
      border-radius: 50%;
      background: var(--mint);
      box-shadow: inset 0 0 0 7px #fff;
      border: 2px solid var(--mint);
    }

    .doctors { background: linear-gradient(180deg, #fff 0%, var(--cream) 100%); }
    .doctor-photo {
      position: relative;
      align-self: center;
      min-height: 0;
      padding: 16px;
      background: #fff;
      box-shadow: 0 24px 60px rgba(77, 31, 68, .12);
    }
    .doctor-photo .main-img {
      width: 100%;
      height: auto;
      min-height: 0;
      aspect-ratio: .86 / 1;
      object-fit: cover;
      object-position: center top;
      box-shadow: none;
    }
    .doctor-photo .burst { display: none; }
    #dentists .content-copy h2 { font-size: clamp(38px, 4.5vw, 58px); max-width: 610px; }

    .doctor-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 22px;
      margin-top: 28px;
    }

    .doctor {
      border-top: 4px solid var(--rose);
      padding-top: 20px;
    }

    .doctor h3 { color: var(--plum); font-size: 27px; margin-bottom: 8px; }
    .doctor p { font-size: 15px; margin: 0; }

    .approach {
      background: var(--blush);
    }

    .approach-art {
      position: relative;
      min-height: 480px;
    }

    .approach-art img {
      position: absolute;
      max-width: none;
    }

    .approach-art .wood { width: 98%; left: 0; bottom: 15px; }
    .approach-art .leaf { width: 64%; right: -16px; top: 38px; animation: drift 9s ease-in-out infinite; }
    .approach-art .girl { width: 58%; left: 54px; top: 40px; animation: drift 8s ease-in-out infinite reverse; }

    .visit {
      background: #fff;
    }

    .visit-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
      margin-top: 42px;
    }

    .visit-item {
      position: relative;
      min-height: 230px;
      display: grid;
      grid-template-columns: 128px 1fr;
      gap: 22px;
      align-items: center;
      padding: 30px;
      border-radius: 8px;
      overflow: hidden;
      background: #fff;
      text-align: left;
      box-shadow: 0 12px 36px rgba(90, 37, 80, .08);
    }

    .visit-item .wave-bg {
      position: absolute;
      inset: auto -20% -18% -20%;
      width: 140%;
      max-width: none;
      opacity: .26;
    }

    .visit-item .icon {
      height: 98px;
      width: auto;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    .visit-item h3 {
      position: relative;
      z-index: 1;
      color: var(--plum);
      font-size: 30px;
      margin-bottom: 10px;
    }

    .visit-item p {
      position: relative;
      z-index: 1;
      margin: 0;
      font-size: 15px;
    }

    .services {
      background:
        radial-gradient(circle at 12% 24%, rgba(104,205,221,.13), transparent 26%),
        radial-gradient(circle at 92% 18%, rgba(246,200,95,.16), transparent 24%),
        #fff;
    }

    .service-list {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      margin: 34px 0 0;
      padding: 0;
      list-style: none;
    }

    .service-list li {
      min-height: 112px;
      display: grid;
      grid-template-columns: 58px 1fr;
      gap: 16px;
      align-items: center;
      padding: 22px;
      border-radius: 8px;
      background: var(--soft);
      color: var(--plum);
      font-weight: 800;
      box-shadow: 0 12px 30px rgba(90, 37, 80, .06);
      transition: transform .25s ease, background .25s ease;
    }

    .service-list li:nth-child(3n+2) { background: #eef9f8; color: #307c87; }
    .service-list li:nth-child(3n) { background: #fff7e4; color: #8b5e16; }

    .service-list li:hover { transform: translateY(-4px); background: #fff; }

    .service-icon {
      width: 58px;
      height: 58px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 12px 24px rgba(157, 47, 131, .12);
    }

    .service-icon svg {
      width: 34px;
      height: 34px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .reviews {
      min-height: 0;
      display: grid;
      align-items: center;
      color: #fff;
      background: var(--plum);
      padding-top: 64px;
      padding-bottom: 70px;
      scroll-margin-top: 108px;
    }

    .reviews .bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: .92;
    }

    .reviews .section-title { margin-bottom: 30px; }
    .reviews h2, .reviews .eyebrow { color: #fff; }

    .review-viewport {
      overflow: hidden;
      width: min(1040px, 100%);
      margin: 0 auto;
      min-height: 236px;
      padding: 4px 2px 18px;
    }

    .review-track {
      position: relative;
      width: 100%;
      min-height: 232px;
    }

    .review-viewport:hover .review-page { animation-play-state: paused; }

    .review-page {
      position: absolute;
      inset: 0;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      padding: 0 2px;
      opacity: 0;
      transform: translateY(10px);
      pointer-events: none;
      animation: reviewFade 21s ease-in-out infinite;
    }

    .review-page:nth-child(1) { animation-delay: 0s; }
    .review-page:nth-child(2) { animation-delay: 7s; }
    .review-page:nth-child(3) { animation-delay: 14s; }

    .review-page:first-child {
      opacity: 1;
      transform: translateY(0);
    }

    .stars {
      color: var(--gold);
      font-size: 21px;
      letter-spacing: 0;
      margin-bottom: 12px;
    }

    .quote {
      position: relative;
      width: 100%;
      min-height: 210px;
      margin: 0;
      padding: 32px 28px 28px;
      border-radius: 8px;
      background: rgba(255,255,255,.94);
      color: var(--ink);
      font-weight: 700;
      box-shadow: 0 18px 44px rgba(47, 10, 54, .2);
    }

    .quote span { display: block; margin-top: 18px; color: var(--plum); }

    .form-section {
      background: var(--cream);
    }

    .form-wrap {
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      gap: 46px;
      align-items: start;
    }

    form {
      display: grid;
      gap: 14px;
      padding: 34px;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 18px 46px rgba(91, 35, 82, .12);
      scroll-margin-top: 125px;
    }

    label {
      display: grid;
      gap: 7px;
      font-size: 13px;
      font-weight: 800;
      color: var(--plum);
      text-transform: uppercase;
      letter-spacing: .8px;
    }

    input, select, textarea {
      width: 100%;
      border: 2px solid #f1d7e6;
      border-radius: 8px;
      min-height: 52px;
      padding: 13px 15px;
      font: inherit;
      color: var(--ink);
      background: #fffafd;
    }

    textarea { min-height: 112px; resize: vertical; }

    .form-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }

    .footer {
      position: relative;
      padding: 60px 22px 34px;
      background: #fff;
      overflow: hidden;
    }

    .footer-inner {
      width: min(var(--max), 100%);
      margin: 0 auto;
      display: grid;
      grid-template-columns: 220px 1fr 1fr;
      gap: 44px;
      align-items: start;
    }

    .footer-logo { width: 150px; }
    .footer h3 { color: var(--plum); font-size: 25px; margin-bottom: 14px; }
    .footer p { margin: 0 0 9px; }
    .wood { position: absolute; right: -120px; bottom: -62px; width: 390px; opacity: .95; }

    @keyframes waveFloat {
      0%, 100% { transform: translate3d(0, 0, 0); }
      50% { transform: translate3d(10px, -12px, 0); }
    }

    @keyframes heroWaveFloat {
      0%, 100% { transform: translate3d(0, 0, 0) scaleY(1.04); }
      50% { transform: translate3d(10px, -10px, 0) scaleY(1.04); }
    }

    @keyframes drift {
      0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
      50% { transform: translate3d(0, -16px, 0) rotate(1deg); }
    }

    @keyframes spinSoft {
      to { transform: rotate(360deg); }
    }

    @keyframes reviewFade {
      0%, 28% {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
      }
      34%, 100% {
        opacity: 0;
        transform: translateY(10px);
        pointer-events: none;
      }
    }

    @media (max-width: 1020px) {
      .hero { grid-template-columns: 1fr; }
      .hero-media { min-height: 430px; }
      .hero-panel { min-height: 440px; justify-content: flex-start; padding-left: 32px; }
      .hero-panel .wave.one { left: -80px; }
      .hero-panel .wave.two { left: 96px; }
      .callouts, .service-list { grid-template-columns: 1fr; }
      .split, .form-wrap { grid-template-columns: 1fr; }
      .visit-grid { grid-template-columns: repeat(2, 1fr); }
      .doctor-photo, .doctor-photo .main-img { min-height: 0; }
      .footer-inner { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 680px) {
      .topbar { flex-wrap: wrap; gap: 7px 12px; font-size: 12px; }
      .topbar strong { font-size: 18px; }
      .site-header { min-height: 78px; }
      .header-actions .pill:first-child { display: none; }
      .pill { min-height: 44px; padding: 11px 17px; font-size: 13px; }
      .hero-media { min-height: 330px; }
      .hero-media video { min-height: 330px; }
      .hero-panel { padding: 56px 22px 64px; }
      .hero-list { grid-template-columns: 1fr; }
      h1 { font-size: 46px; }
      h2 { font-size: 40px; }
      .section { padding: 64px 18px; }
      .doctor-grid, .visit-grid, .form-row, .footer-inner { grid-template-columns: 1fr; }
      .service-list li { grid-template-columns: 52px 1fr; min-height: 96px; }
      .service-icon { width: 52px; height: 52px; }
      .service-icon svg { width: 30px; height: 30px; }
      .review-page { grid-template-columns: 1fr; }
      .review-viewport { min-height: 760px; }
      .review-track { min-height: 742px; }
      .reviews { padding-top: 56px; padding-bottom: 58px; }
      .quote { width: 100%; }
      .visit-item { grid-template-columns: 1fr; text-align: center; padding: 28px 24px; }
      .approach-art { min-height: 340px; }
      .approach-art .girl { left: 18px; width: 62%; }
      .approach-art .leaf { width: 66%; }
      .footer-logo { width: 132px; }
    }
  </style>

<div id="bloom-lp">
  <div class="topbar">
    <span>Call Today</span>
    <a href="tel:14699720054">(469) 972-0054</a>
    <span class="divider" aria-hidden="true"></span>
    <span>Visit Us</span>
    <span>1015 N Murphy Rd, Suite 400, Murphy, TX 75094</span>
  </div>

  <header class="site-header">
    <a href="#top" aria-label="Bloom Pediatric Dentistry home"><img class="logo" src="https://www.bloomkidsdentist.com/assets/images/bloom-logo-updated.svg" alt="Bloom Pediatric Dentistry logo"></a>
    <div class="header-actions">
      <a class="pill" href="#appointment-form">Request Appointment</a>
      <a class="pill teal" href="#appointment-form">Online Scheduling</a>
    </div>
  </header>

  <main id="top">
    <section class="hero" aria-label="Bloom Pediatric Dentistry">
      <div class="hero-media" role="img" aria-label="Family at the Bloom Pediatric Dentistry front desk">
        <video autoplay muted loop playsinline poster="https://www.bloomkidsdentist.com/assets/images/index-banner.jpg">
          <source src="https://player.vimeo.com/progressive_redirect/playback/939623244/rendition/1080p/file.mp4?loc=external&amp;signature=d80cb5f2ca95d0dc80b03cb5aac3f2fa4798c1b9143857c6e4ebfe9a2d576561" type="video/mp4">
        </video>
      </div>
      <div class="hero-panel">
        <img class="wave one" src="https://www.bloomkidsdentist.com/assets/images/banner-wave-1.svg" alt="">
        <img class="wave two" src="https://www.bloomkidsdentist.com/assets/images/banner-wave-2.svg" alt="">
        <img class="wave three" src="https://www.bloomkidsdentist.com/assets/images/banner-wave-3.svg" alt="">
        <div class="hero-copy">
          <p class="eyebrow">Pediatric Dentist Murphy</p>
          <h1>Reimagining your child's dental care.</h1>
          <p>Gentle, personalized dental care for growing smiles in a welcoming environment designed to help kids feel comfortable, confident, and excited about oral health.</p>
          <ul class="hero-list">
            <li>Gentle, child-focused care</li>
            <li>Minimally invasive options</li>
            <li>Most PPO plans accepted</li>
            <li>Family-friendly environment</li>
          </ul>
          <div class="hero-buttons">
            <a class="pill light" href="#appointment-form">Schedule Your Child's Visit</a>
          </div>
        </div>
      </div>
    </section>

    <section class="section intro" id="different">
      <div class="section-inner">
        <div class="section-title">
          <p class="eyebrow">How we're different</p>
          <h2>Why parents choose Bloom Pediatric Dentistry.</h2>
          <p class="lead">At Bloom Pediatric Dentistry, every child deserves a positive dental experience. From infants and toddlers to children and teens, our team creates healthy smiles while building trust that lasts a lifetime.</p>
        </div>
        <div class="callouts">
          <article class="callout">
            <img src="https://www.bloomkidsdentist.com/assets/images/index-callouts-icon-1.svg" alt="">
            <h3>We Get to Know Your Child</h3>
            <p>Every child is unique, and their dental care should be too. We learn their personality, comfort level, and needs before recommending care.</p>
          </article>
          <article class="callout">
            <img src="https://www.bloomkidsdentist.com/assets/images/index-callouts-icon-2.svg" alt="">
            <h3>Minimally Invasive</h3>
            <p>We recommend only the treatment that's truly necessary and always consider the least invasive option first.</p>
          </article>
          <article class="callout">
            <img src="https://www.bloomkidsdentist.com/assets/images/index-callouts-icon-3.svg" alt="">
            <h3>Comfort Comes First</h3>
            <p>Dental visits can feel overwhelming, so we focus on trust, reduced anxiety, and a supportive environment where kids feel understood.</p>
          </article>
        </div>
      </div>
    </section>

    <section class="section doctors" id="dentists">
      <div class="section-inner split">
        <div class="doctor-photo image-shell">
          <img class="main-img" src="https://www.bloomkidsdentist.com/assets/images/index-meet.jpg" alt="Dr. Nelson Hui and Dr. Josephine Yip at Bloom Pediatric Dentistry">
        </div>
        <div class="content-copy">
          <p class="eyebrow">Our friendly pediatric dentists</p>
          <h2>Meet our pediatric dentists.</h2>
          <p>Dr. Nelson and Dr. JoJo create positive dental experiences by listening closely, explaining clearly, and helping children feel safe, heard, and respected in the chair.</p>
          <div class="doctor-grid">
            <article class="doctor">
              <h3>Dr. Nelson Hui, DMD</h3>
              <p>Dr. Nelson is known for his compassionate and ethical approach. He believes every child and parent should feel heard, respected, and involved in care.</p>
            </article>
            <article class="doctor">
              <h3>Dr. Josephine "Dr. JoJo" Yip, DMD</h3>
              <p>Dr. JoJo gets to know each child's interests, personality, and concerns so care feels reassuring, personal, and positive.</p>
            </article>
          </div>
          <ul class="checks">
            <li>Build relationships that foster trust and confidence</li>
            <li>Personalized care for every child's comfort level</li>
            <li>Healthy smiles with a positive outlook on dental care</li>
          </ul>
          <a class="pill" href="#appointment-form">Request an Appointment</a>
        </div>
      </div>
    </section>

    <section class="section approach">
      <div class="section-inner split">
        <div class="content-copy">
          <p class="eyebrow">Our approach to pediatric dentistry</p>
          <h2>More than teeth. The whole experience.</h2>
          <p>Bloom focuses on the entire dental experience. Positive visits today can shape a child's attitude toward dental care for years to come, so kindness, communication, and patient-centered care guide every appointment.</p>
          <ul class="checks">
            <li>Build trust with every child</li>
            <li>Reduce fear and anxiety</li>
            <li>Educate children and parents</li>
            <li>Encourage preventive care and lifelong healthy habits</li>
          </ul>
          <a class="pill teal" href="#appointment-form">Ask Us a Question</a>
        </div>
        <div class="approach-art" aria-label="Child in a dental chair with Bloom decorative leaves">
          <img class="wood" src="https://www.bloomkidsdentist.com/assets/images/index-approach-wood.png" alt="">
          <img class="leaf" src="https://www.bloomkidsdentist.com/assets/images/index-approach-leaf.png" alt="">
          <img class="girl" src="https://www.bloomkidsdentist.com/assets/images/index-approach-girl.png" alt="Girl in dental chair looking up">
        </div>
      </div>
    </section>

    <section class="section services">
      <div class="section-inner">
        <div class="section-title">
          <p class="eyebrow">Services for every stage of childhood</p>
          <h2>Care that grows with your child.</h2>
          <p class="lead">Whether this is your child's first visit or your family needs a trusted dental home, Bloom offers preventive, restorative, emergency, and specialty pediatric care in one supportive place.</p>
        </div>
        <ul class="service-list">
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M18 9c-5 0-8 4-8 9 0 8 4 17 8 21 2 2 4-7 6-7s4 9 6 7c4-4 8-13 8-21 0-5-3-9-8-9-3 0-4 2-6 2s-3-2-6-2Z"></path><path d="M15 18h6M18 15v6"></path></svg></span>Infant & Toddler Dental Visits</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M18 9c-5 0-8 4-8 9 0 8 4 17 8 21 2 2 4-7 6-7s4 9 6 7c4-4 8-13 8-21 0-5-3-9-8-9-3 0-4 2-6 2s-3-2-6-2Z"></path><path d="M31 13l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5Z"></path></svg></span>Dental Cleanings & Exams</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M24 6l15 6v10c0 10-6 17-15 20C15 39 9 32 9 22V12l15-6Z"></path><path d="M17 24l5 5 10-12"></path></svg></span>Preventive Care</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M26 6c4 7 9 12 9 20a11 11 0 0 1-22 0c0-8 8-14 13-20Z"></path><path d="M19 29c2 3 7 3 10 0"></path></svg></span>Fluoride Treatments</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M13 28c4-5 8-8 11-8s7 3 11 8"></path><path d="M10 32c8 6 20 6 28 0"></path><path d="M16 24v8M24 20v15M32 24v8"></path></svg></span>Dental Sealants</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M18 9c-5 0-8 4-8 9 0 8 4 17 8 21 2 2 4-7 6-7s4 9 6 7c4-4 8-13 8-21 0-5-3-9-8-9-3 0-4 2-6 2s-3-2-6-2Z"></path><path d="M20 22h8M24 18v8"></path></svg></span>Cavity Treatment</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M24 7v18"></path><path d="M16 16l8-9 8 9"></path><path d="M12 27h24v13H12z"></path><path d="M18 34h12"></path></svg></span>Emergency Pediatric Dentistry</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M24 14a7 7 0 1 0 0 14 7 7 0 0 0 0-14Z"></path><path d="M24 5v6M24 37v6M5 24h6M37 24h6M10 10l4 4M34 34l4 4M38 10l-4 4M14 34l-4 4"></path></svg></span>Special Needs Dentistry</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M12 28c5-8 19-8 24 0"></path><path d="M16 33c4 4 12 4 16 0"></path><path d="M16 15c2-3 6-4 8-1 2-3 6-2 8 1"></path><path d="M20 20h8"></path></svg></span>Sedation Options When Necessary</li>
        </ul>
      </div>
    </section>

    <section class="section visit" id="visit">
      <div class="section-inner">
        <div class="section-title">
          <p class="eyebrow">Your child's first visit</p>
          <h2>What to Expect</h2>
        </div>
        <div class="visit-grid">
          <article class="visit-item">
            <img class="wave-bg" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-wave-1.png" alt="">
            <img class="icon" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-icon-1.png" alt="">
            <div><h3>Focused on Comfort</h3>
            <p>We prioritize comfort to ease anxiety and help children feel safe from the moment they arrive.</p></div>
          </article>
          <article class="visit-item">
            <img class="wave-bg" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-wave-2.png" alt="">
            <img class="icon" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-icon-2.png" alt="">
            <div><h3>Education-Centered</h3>
            <p>We explain the unknown in child-friendly language and help parents make informed decisions.</p></div>
          </article>
          <article class="visit-item">
            <img class="wave-bg" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-wave-3.png" alt="">
            <img class="icon" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-icon-3.png" alt="">
            <div><h3>Talk About Options</h3>
            <p>We discuss findings, treatment options, and questions with clear, pressure-free guidance.</p></div>
          </article>
          <article class="visit-item">
            <img class="wave-bg" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-wave-4.png" alt="">
            <img class="icon" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-icon-4.png" alt="">
            <div><h3>Plan Together</h3>
            <p>Treatment recommendations are based on your child's unique needs, comfort, health, and happiness.</p></div>
          </article>
        </div>
      </div>
    </section>

    <section class="section reviews" id="reviews">
      <img class="bg" src="https://www.bloomkidsdentist.com/assets/images/index-reviews.jpg" alt="">
      <div class="section-inner">
        <div class="section-title">
          <p class="eyebrow">What others are saying</p>
          <h2>Families feel the Bloom difference.</h2>
        </div>
        <div class="review-viewport" aria-label="Patient review carousel">
          <div class="review-track">
            <div class="review-page">
              <blockquote class="quote"><div class="stars">★★★★★</div>“Positively the best experience I've ever seen. The office is beautiful and the team is so kind.”<span>Cristie A.</span></blockquote>
              <blockquote class="quote"><div class="stars">★★★★★</div>“Dr. Nelson and his staff were incredible. They made my child feel comfortable right away.”<span>Ashley C.</span></blockquote>
              <blockquote class="quote"><div class="stars">★★★★★</div>“What a fantastic place. Everyone was patient, friendly, and great with kids.”<span>Amber M.</span></blockquote>
            </div>
            <div class="review-page">
              <blockquote class="quote"><div class="stars">★★★★★</div>“The dentists took time to explain every option and made the visit feel easy.”<span>Bloom Parent</span></blockquote>
              <blockquote class="quote"><div class="stars">★★★★★</div>“A warm, thoughtful pediatric dental office that truly understands children.”<span>Murphy Family</span></blockquote>
              <blockquote class="quote"><div class="stars">★★★★★</div>“Our child left smiling. That says everything.”<span>Happy Parent</span></blockquote>
            </div>
            <div class="review-page">
              <blockquote class="quote"><div class="stars">★★★★★</div>“The team was patient, kind, and made the whole appointment feel calm.”<span>Grateful Parent</span></blockquote>
              <blockquote class="quote"><div class="stars">★★★★★</div>“They listened, explained everything clearly, and never made us feel rushed.”<span>Local Family</span></blockquote>
              <blockquote class="quote"><div class="stars">★★★★★</div>“This is exactly what a pediatric dental office should feel like.”<span>Happy Parent</span></blockquote>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="section form-section" id="contact">
      <div class="section-inner form-wrap">
        <div class="content-copy">
          <p class="eyebrow">Get started</p>
          <h2>Give your child a healthy start.</h2>
          <p>Call us or request an appointment online to experience pediatric dental care designed around your child's comfort, health, and happiness.</p>
          <ul class="checks">
            <li>Conveniently located in downtown Murphy</li>
            <li>Less than two miles from Murphy Middle School and PSA Murphy</li>
            <li>Serving Murphy, Wylie, Sachse, Plano, Parker, Lucas, Allen, Richardson, and Garland</li>
          </ul>
          <a class="pill teal" href="tel:14699720054">Call (469) 972-0054</a>
        </div>
        <form id="appointment-form">
          <div class="form-row">
            <label>Parent Name
              <input type="text" name="name" placeholder="Your name">
            </label>
            <label>Phone
              <input type="tel" name="phone" placeholder="(469) 000-0000">
            </label>
          </div>
          <label>Email
            <input type="email" name="email" placeholder="you@example.com">
          </label>
          <div class="form-row">
            <label>New Patient?
              <select name="new-patient">
                <option>Yes</option>
                <option>No</option>
              </select>
            </label>
            <label>How Did You Hear About Us?
              <select name="source">
                <option>Search Engine</option>
                <option>Family/Friend</option>
                <option>Promotion</option>
                <option>Social Media</option>
                <option>Other</option>
              </select>
            </label>
          </div>
          <label>How can we help?
            <textarea name="message" placeholder="Tell us what your child needs."></textarea>
          </label>
          <button class="pill" type="button">Request an Appointment</button>
        </form>
      </div>
    </section>
  </main>

  <footer class="footer">
    <img class="wood" src="https://www.bloomkidsdentist.com/assets/images/footer-wood.png" alt="">
    <div class="footer-inner">
      <div>
        <img class="footer-logo" src="https://www.bloomkidsdentist.com/assets/images/footer-logo.svg" alt="Bloom Pediatric Dentistry">
      </div>
      <div>
        <h3>Contact us</h3>
        <p><a href="tel:14699720054"><strong>(469) 972-0054</strong></a></p>
        <p>1015 N Murphy Rd, Suite 400<br>Murphy, TX 75094</p>
        <p><a href="mailto:info@bloomkidsdentist.com">info@bloomkidsdentist.com</a></p>
      </div>
      <div>
        <h3>Office Hours</h3>
        <p>Monday 8:30 am - 5:00 pm</p>
        <p>Tuesday 8:30 am - 5:00 pm</p>
        <p>Wednesday 8:30 am - 5:00 pm</p>
        <p>Thursday 8:30 am - 5:00 pm</p>
      </div>
    </div>
  </footer>
</div>
<style>
    @import url("https://use.typekit.net/eqh4hvc.css");

    :root {
      --plum: #9d2f83;
      --berry: #c2408d;
      --rose: #f3bfd8;
      --blush: #fdeaf2;
      --cream: #fff8f1;
      --teal: #68cddd;
      --mint: #b8d8a0;
      --ink: #15101b;
      --soft: #fff4f8;
      --gold: #f6c85f;
      --max: 1160px;
    }

    * { box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    body {
      margin: 0;
      color: var(--ink);
      background: #fff;
      font-family: poppins, "Poppins", Arial, sans-serif;
      line-height: 1.65;
      overflow-x: hidden;
    }

    img { max-width: 100%; display: block; }

    a { color: inherit; text-decoration: none; }

    #bloom-lp,
    #bloom-lp * {
      box-sizing: border-box;
    }

    #bloom-lp {
      --plum: #9d2f83;
      --berry: #c2408d;
      --rose: #f3bfd8;
      --blush: #fdeaf2;
      --cream: #fff8f1;
      --teal: #68cddd;
      --mint: #b8d8a0;
      --ink: #15101b;
      --soft: #fff4f8;
      --gold: #f6c85f;
      --max: 1160px;
      width: 100%;
      max-width: none;
      margin: 0;
      color: var(--ink);
      background: #fff;
      font-family: poppins, "Poppins", Arial, sans-serif;
      line-height: 1.65;
      overflow-x: hidden;
    }

    #bloom-lp img { max-width: 100%; display: block; height: auto; }
    #bloom-lp a { color: inherit; text-decoration: none; }
    #bloom-lp p,
    #bloom-lp ul,
    #bloom-lp ol,
    #bloom-lp blockquote,
    #bloom-lp figure { margin-top: 0; }
    #bloom-lp h1,
    #bloom-lp h2,
    #bloom-lp h3 {
      font-family: gopher, "Cooper Black", Georgia, serif !important;
      font-weight: 800;
      color: inherit;
      text-transform: none;
    }

    #bloom-lp .pill,
    #bloom-lp button.pill {
      font-family: poppins, "Poppins", Arial, sans-serif !important;
      color: #fff !important;
      background: var(--plum) !important;
      border: 0 !important;
      text-decoration: none !important;
      box-shadow: 0 12px 22px rgba(157, 47, 131, .18) !important;
    }

    #bloom-lp .pill.teal { background: var(--teal) !important; }
    #bloom-lp .pill.light { background: #fff !important; color: var(--plum) !important; }
    #bloom-lp input,
    #bloom-lp select,
    #bloom-lp textarea,
    #bloom-lp label {
      font-family: poppins, "Poppins", Arial, sans-serif !important;
    }

    .topbar {
      min-height: 35px;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 18px;
      padding: 7px 18px;
      background: #f0eef3;
      font-size: 14px;
    }

    .topbar strong,
    .topbar a {
      font-size: 24px;
      line-height: 1;
      color: #060409;
      font-weight: 800;
    }

    .topbar span:first-child { color: var(--berry); }
    .topbar .divider { width: 1px; height: 22px; background: #cdbdca; }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 20;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      min-height: 92px;
      padding: 14px clamp(16px, 4vw, 48px);
      background: rgba(255,255,255,.94);
      backdrop-filter: blur(10px);
      box-shadow: 0 8px 28px rgba(82, 36, 76, .08);
    }

    .logo { width: min(250px, 42vw); }

    .header-actions { display: flex; gap: 12px; }

    .pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 12px 22px;
      border-radius: 999px;
      border: 0;
      color: #fff;
      background: var(--plum);
      font-weight: 800;
      line-height: 1.05;
      text-align: center;
      box-shadow: 0 12px 22px rgba(157, 47, 131, .18);
      transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
    }

    .pill:hover { transform: translateY(-2px); box-shadow: 0 16px 28px rgba(157, 47, 131, .25); }
    .pill.teal { background: var(--teal); box-shadow: 0 12px 22px rgba(104, 205, 221, .2); }
    .pill.light { background: #fff; color: var(--plum); }

    .hero {
      position: relative;
      min-height: 560px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(420px, .74fr);
      align-items: stretch;
      overflow: hidden;
      background: var(--plum);
    }

    .hero-media {
      position: relative;
      min-height: 560px;
      background: url("https://www.bloomkidsdentist.com/assets/images/index-banner.jpg") center / cover no-repeat;
      overflow: hidden;
    }

    .hero-media video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      min-height: 560px;
      object-fit: cover;
      object-position: center;
    }

    .hero-media::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(255,255,255,.02), rgba(157,47,131,.15));
    }

    .hero-panel {
      position: relative;
      min-height: 560px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 58px 36px 62px 74px;
      color: #fff;
      isolation: isolate;
      background: var(--plum);
      overflow: hidden;
    }

    .hero-panel .wave {
      position: absolute;
      top: -9%;
      bottom: auto;
      height: 118%;
      width: auto;
      max-width: none;
      z-index: 0;
      transform-origin: center;
      animation: heroWaveFloat 7s ease-in-out infinite;
    }

    .hero-panel .wave.one { left: -155px; opacity: 1; }
    .hero-panel .wave.two { left: 42px; opacity: .88; animation-delay: -1.7s; }
    .hero-panel .wave.three { right: -44px; opacity: .62; animation-delay: -3s; }

    .hero-copy {
      width: min(430px, 100%);
      position: relative;
      z-index: 2;
    }

    .eyebrow {
      margin: 0 0 16px;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 1.9px;
      text-transform: uppercase;
    }

    h1, h2, h3 {
      font-family: gopher, "Cooper Black", Georgia, serif;
      line-height: .98;
      letter-spacing: 0;
      margin: 0;
    }

    h1 {
      max-width: 470px;
      color: #fff;
      font-size: clamp(44px, 4.5vw, 64px);
    }

    .hero-copy p {
      max-width: 390px;
      margin: 18px 0 22px;
      font-size: 17px;
    }

    .hero-buttons { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }

    .hero-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px 18px;
      max-width: 440px;
      margin: 0 0 26px;
      padding: 0;
      list-style: none;
      font-size: 13px;
      font-weight: 800;
    }

    .hero-list li {
      position: relative;
      display: grid;
      grid-template-columns: 26px 1fr;
      gap: 10px;
      align-items: center;
    }

    .hero-list li::before {
      content: "";
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 8px 16px rgba(56, 20, 67, .18);
    }

    .hero-list li::after {
      content: "";
      position: absolute;
      left: 7px;
      top: 50%;
      width: 8px;
      height: 4px;
      border-left: 2px solid var(--teal);
      border-bottom: 2px solid var(--teal);
      transform: translateY(-68%) rotate(-45deg);
    }

    .section {
      position: relative;
      padding: clamp(70px, 9vw, 118px) 22px;
      overflow: hidden;
    }

    .section-inner {
      width: min(var(--max), 100%);
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    .intro {
      background: #fff;
      padding-top: 72px;
    }

    .section-title {
      text-align: center;
      margin-bottom: 42px;
    }

    .section-title .eyebrow { color: var(--plum); }

    h2 {
      font-size: clamp(40px, 6vw, 72px);
      color: var(--ink);
    }

    .lead {
      max-width: 720px;
      margin: 18px auto 0;
      font-size: 19px;
      text-align: center;
    }

    .callouts {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      margin-top: 24px;
    }

    .callout {
      min-height: 260px;
      padding: 36px 28px 32px;
      border-radius: 8px;
      background: var(--soft);
      text-align: center;
      box-shadow: 0 18px 44px rgba(132, 52, 111, .09);
      transition: transform .25s ease, background .25s ease;
    }

    .callout:hover { transform: translateY(-6px); background: #fff9fb; }
    .callout img { height: 54px; width: auto; margin: 0 auto 24px; }
    .callout h3 { font-size: 28px; color: var(--plum); margin-bottom: 12px; }
    .callout p { margin: 0; font-size: 15px; }

    .split {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: clamp(38px, 7vw, 86px);
      align-items: center;
    }

    .image-shell {
      position: relative;
      border-radius: 8px;
    }

    .image-shell .main-img {
      width: 100%;
      border-radius: 8px;
      box-shadow: 0 24px 60px rgba(77, 31, 68, .14);
    }

    .corner-waves {
      position: absolute;
      right: -24px;
      top: -32px;
      width: 210px;
      height: 170px;
      pointer-events: none;
    }

    .corner-waves img {
      position: absolute;
      right: 0;
      top: 0;
      animation: waveFloat 7.5s ease-in-out infinite;
    }

    .corner-waves img:nth-child(2) { top: 26px; animation-delay: -2s; }
    .corner-waves img:nth-child(3) { top: 54px; animation-delay: -4s; }

    .content-copy .eyebrow { color: var(--berry); }
    .content-copy h2 { margin-bottom: 22px; }
    .content-copy p { font-size: 17px; margin: 0 0 18px; }

    .checks {
      display: grid;
      gap: 12px;
      margin: 26px 0 30px;
      padding: 0;
      list-style: none;
      font-weight: 700;
    }

    .checks li {
      display: grid;
      grid-template-columns: 28px 1fr;
      gap: 12px;
      align-items: start;
    }

    .checks li::before {
      content: "";
      width: 24px;
      height: 24px;
      margin-top: 1px;
      border-radius: 50%;
      background: var(--mint);
      box-shadow: inset 0 0 0 7px #fff;
      border: 2px solid var(--mint);
    }

    .doctors { background: linear-gradient(180deg, #fff 0%, var(--cream) 100%); }
    .doctor-photo {
      position: relative;
      align-self: center;
      min-height: 0;
      padding: 16px;
      background: #fff;
      box-shadow: 0 24px 60px rgba(77, 31, 68, .12);
    }
    .doctor-photo .main-img {
      width: 100%;
      height: auto;
      min-height: 0;
      aspect-ratio: .86 / 1;
      object-fit: cover;
      object-position: center top;
      box-shadow: none;
    }
    .doctor-photo .burst { display: none; }
    #dentists .content-copy h2 { font-size: clamp(38px, 4.5vw, 58px); max-width: 610px; }

    .doctor-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 22px;
      margin-top: 28px;
    }

    .doctor {
      border-top: 4px solid var(--rose);
      padding-top: 20px;
    }

    .doctor h3 { color: var(--plum); font-size: 27px; margin-bottom: 8px; }
    .doctor p { font-size: 15px; margin: 0; }

    .approach {
      background: var(--blush);
    }

    .approach-art {
      position: relative;
      min-height: 480px;
    }

    .approach-art img {
      position: absolute;
      max-width: none;
    }

    .approach-art .wood { width: 98%; left: 0; bottom: 15px; }
    .approach-art .leaf { width: 64%; right: -16px; top: 38px; animation: drift 9s ease-in-out infinite; }
    .approach-art .girl { width: 58%; left: 54px; top: 40px; animation: drift 8s ease-in-out infinite reverse; }

    .visit {
      background: #fff;
    }

    .visit-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
      margin-top: 42px;
    }

    .visit-item {
      position: relative;
      min-height: 230px;
      display: grid;
      grid-template-columns: 128px 1fr;
      gap: 22px;
      align-items: center;
      padding: 30px;
      border-radius: 8px;
      overflow: hidden;
      background: #fff;
      text-align: left;
      box-shadow: 0 12px 36px rgba(90, 37, 80, .08);
    }

    .visit-item .wave-bg {
      position: absolute;
      inset: auto -20% -18% -20%;
      width: 140%;
      max-width: none;
      opacity: .26;
    }

    .visit-item .icon {
      height: 98px;
      width: auto;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    .visit-item h3 {
      position: relative;
      z-index: 1;
      color: var(--plum);
      font-size: 30px;
      margin-bottom: 10px;
    }

    .visit-item p {
      position: relative;
      z-index: 1;
      margin: 0;
      font-size: 15px;
    }

    .services {
      background:
        radial-gradient(circle at 12% 24%, rgba(104,205,221,.13), transparent 26%),
        radial-gradient(circle at 92% 18%, rgba(246,200,95,.16), transparent 24%),
        #fff;
    }

    .service-list {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      margin: 34px 0 0;
      padding: 0;
      list-style: none;
    }

    .service-list li {
      min-height: 112px;
      display: grid;
      grid-template-columns: 58px 1fr;
      gap: 16px;
      align-items: center;
      padding: 22px;
      border-radius: 8px;
      background: var(--soft);
      color: var(--plum);
      font-weight: 800;
      box-shadow: 0 12px 30px rgba(90, 37, 80, .06);
      transition: transform .25s ease, background .25s ease;
    }

    .service-list li:nth-child(3n+2) { background: #eef9f8; color: #307c87; }
    .service-list li:nth-child(3n) { background: #fff7e4; color: #8b5e16; }

    .service-list li:hover { transform: translateY(-4px); background: #fff; }

    .service-icon {
      width: 58px;
      height: 58px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 12px 24px rgba(157, 47, 131, .12);
    }

    .service-icon svg {
      width: 34px;
      height: 34px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .reviews {
      min-height: 0;
      display: grid;
      align-items: center;
      color: #fff;
      background: var(--plum);
      padding-top: 64px;
      padding-bottom: 70px;
      scroll-margin-top: 108px;
    }

    .reviews .bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: .92;
    }

    .reviews .section-title { margin-bottom: 30px; }
    .reviews h2, .reviews .eyebrow { color: #fff; }

    .review-viewport {
      overflow: hidden;
      width: min(1040px, 100%);
      margin: 0 auto;
      min-height: 236px;
      padding: 4px 2px 18px;
    }

    .review-track {
      position: relative;
      width: 100%;
      min-height: 232px;
    }

    .review-viewport:hover .review-page { animation-play-state: paused; }

    .review-page {
      position: absolute;
      inset: 0;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      padding: 0 2px;
      opacity: 0;
      transform: translateY(10px);
      pointer-events: none;
      animation: reviewFade 21s ease-in-out infinite;
    }

    .review-page:nth-child(1) { animation-delay: 0s; }
    .review-page:nth-child(2) { animation-delay: 7s; }
    .review-page:nth-child(3) { animation-delay: 14s; }

    .review-page:first-child {
      opacity: 1;
      transform: translateY(0);
    }

    .stars {
      color: var(--gold);
      font-size: 21px;
      letter-spacing: 0;
      margin-bottom: 12px;
    }

    .quote {
      position: relative;
      width: 100%;
      min-height: 210px;
      margin: 0;
      padding: 32px 28px 28px;
      border-radius: 8px;
      background: rgba(255,255,255,.94);
      color: var(--ink);
      font-weight: 700;
      box-shadow: 0 18px 44px rgba(47, 10, 54, .2);
    }

    .quote span { display: block; margin-top: 18px; color: var(--plum); }

    .form-section {
      background: var(--cream);
    }

    .form-wrap {
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      gap: 46px;
      align-items: start;
    }

    form {
      display: grid;
      gap: 14px;
      padding: 34px;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 18px 46px rgba(91, 35, 82, .12);
      scroll-margin-top: 125px;
    }

    label {
      display: grid;
      gap: 7px;
      font-size: 13px;
      font-weight: 800;
      color: var(--plum);
      text-transform: uppercase;
      letter-spacing: .8px;
    }

    input, select, textarea {
      width: 100%;
      border: 2px solid #f1d7e6;
      border-radius: 8px;
      min-height: 52px;
      padding: 13px 15px;
      font: inherit;
      color: var(--ink);
      background: #fffafd;
    }

    textarea { min-height: 112px; resize: vertical; }

    .form-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }

    .footer {
      position: relative;
      padding: 60px 22px 34px;
      background: #fff;
      overflow: hidden;
    }

    .footer-inner {
      width: min(var(--max), 100%);
      margin: 0 auto;
      display: grid;
      grid-template-columns: 220px 1fr 1fr;
      gap: 44px;
      align-items: start;
    }

    .footer-logo { width: 150px; }
    .footer h3 { color: var(--plum); font-size: 25px; margin-bottom: 14px; }
    .footer p { margin: 0 0 9px; }
    .wood { position: absolute; right: -120px; bottom: -62px; width: 390px; opacity: .95; }

    @keyframes waveFloat {
      0%, 100% { transform: translate3d(0, 0, 0); }
      50% { transform: translate3d(10px, -12px, 0); }
    }

    @keyframes heroWaveFloat {
      0%, 100% { transform: translate3d(0, 0, 0) scaleY(1.04); }
      50% { transform: translate3d(10px, -10px, 0) scaleY(1.04); }
    }

    @keyframes drift {
      0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
      50% { transform: translate3d(0, -16px, 0) rotate(1deg); }
    }

    @keyframes spinSoft {
      to { transform: rotate(360deg); }
    }

    @keyframes reviewFade {
      0%, 28% {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
      }
      34%, 100% {
        opacity: 0;
        transform: translateY(10px);
        pointer-events: none;
      }
    }

    @media (max-width: 1020px) {
      .hero { grid-template-columns: 1fr; }
      .hero-media { min-height: 430px; }
      .hero-panel { min-height: 440px; justify-content: flex-start; padding-left: 32px; }
      .hero-panel .wave.one { left: -80px; }
      .hero-panel .wave.two { left: 96px; }
      .callouts, .service-list { grid-template-columns: 1fr; }
      .split, .form-wrap { grid-template-columns: 1fr; }
      .visit-grid { grid-template-columns: repeat(2, 1fr); }
      .doctor-photo, .doctor-photo .main-img { min-height: 0; }
      .footer-inner { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 680px) {
      .topbar { flex-wrap: wrap; gap: 7px 12px; font-size: 12px; }
      .topbar strong { font-size: 18px; }
      .site-header { min-height: 78px; }
      .header-actions .pill:first-child { display: none; }
      .pill { min-height: 44px; padding: 11px 17px; font-size: 13px; }
      .hero-media { min-height: 330px; }
      .hero-media video { min-height: 330px; }
      .hero-panel { padding: 56px 22px 64px; }
      .hero-list { grid-template-columns: 1fr; }
      h1 { font-size: 46px; }
      h2 { font-size: 40px; }
      .section { padding: 64px 18px; }
      .doctor-grid, .visit-grid, .form-row, .footer-inner { grid-template-columns: 1fr; }
      .service-list li { grid-template-columns: 52px 1fr; min-height: 96px; }
      .service-icon { width: 52px; height: 52px; }
      .service-icon svg { width: 30px; height: 30px; }
      .review-page { grid-template-columns: 1fr; }
      .review-viewport { min-height: 760px; }
      .review-track { min-height: 742px; }
      .reviews { padding-top: 56px; padding-bottom: 58px; }
      .quote { width: 100%; }
      .visit-item { grid-template-columns: 1fr; text-align: center; padding: 28px 24px; }
      .approach-art { min-height: 340px; }
      .approach-art .girl { left: 18px; width: 62%; }
      .approach-art .leaf { width: 66%; }
      .footer-logo { width: 132px; }
    }
  </style>

<div id="bloom-lp">
  <div class="topbar">
    <span>Call Today</span>
    <a href="tel:14699720054">(469) 972-0054</a>
    <span class="divider" aria-hidden="true"></span>
    <span>Visit Us</span>
    <span>1015 N Murphy Rd, Suite 400, Murphy, TX 75094</span>
  </div>

  <header class="site-header">
    <a href="#top" aria-label="Bloom Pediatric Dentistry home"><img class="logo" src="https://www.bloomkidsdentist.com/assets/images/bloom-logo-updated.svg" alt="Bloom Pediatric Dentistry logo"></a>
    <div class="header-actions">
      <a class="pill" href="#appointment-form">Request Appointment</a>
      <a class="pill teal" href="#appointment-form">Online Scheduling</a>
    </div>
  </header>

  <main id="top">
    <section class="hero" aria-label="Bloom Pediatric Dentistry">
      <div class="hero-media" role="img" aria-label="Family at the Bloom Pediatric Dentistry front desk">
        <video autoplay muted loop playsinline poster="https://www.bloomkidsdentist.com/assets/images/index-banner.jpg">
          <source src="https://player.vimeo.com/progressive_redirect/playback/939623244/rendition/1080p/file.mp4?loc=external&amp;signature=d80cb5f2ca95d0dc80b03cb5aac3f2fa4798c1b9143857c6e4ebfe9a2d576561" type="video/mp4">
        </video>
      </div>
      <div class="hero-panel">
        <img class="wave one" src="https://www.bloomkidsdentist.com/assets/images/banner-wave-1.svg" alt="">
        <img class="wave two" src="https://www.bloomkidsdentist.com/assets/images/banner-wave-2.svg" alt="">
        <img class="wave three" src="https://www.bloomkidsdentist.com/assets/images/banner-wave-3.svg" alt="">
        <div class="hero-copy">
          <p class="eyebrow">Pediatric Dentist Murphy</p>
          <h1>Gentle pediatric dentistry in Murphy, TX.</h1>
          <p>Personalized dental care for infants, children, and teens in a warm, welcoming environment built to help every child feel safe, comfortable, and confident.</p>
          <ul class="hero-list">
            <li>Gentle, child-focused care</li>
            <li>Conservative treatment approach</li>
            <li>Friendly, welcoming environment</li>
            <li>Minimally invasive, anxiety-free care</li>
          </ul>
          <div class="hero-buttons">
            <a class="pill light" href="#appointment-form">Schedule Your Child's Visit</a>
          </div>
        </div>
      </div>
    </section>

    <section class="section intro" id="different">
      <div class="section-inner">
        <div class="section-title">
          <p class="eyebrow">How we're different</p>
          <h2>Helping your children feel comfortable at the dentist.</h2>
          <p class="lead">Our goal is simple: help every child feel safe, comfortable, and confident while building healthy habits that last a lifetime.</p>
        </div>
        <div class="callouts">
          <article class="callout">
            <img src="https://www.bloomkidsdentist.com/assets/images/index-callouts-icon-1.svg" alt="">
            <h3>Trust Comes First</h3>
            <p>We take time to build trust, explain treatment in kid-friendly ways, and create a stress-free experience for children and parents.</p>
          </article>
          <article class="callout">
            <img src="https://www.bloomkidsdentist.com/assets/images/index-callouts-icon-2.svg" alt="">
            <h3>Conservative Care</h3>
            <p>Our team focuses on prevention, education, and minimally invasive care whenever possible to avoid unnecessary treatment.</p>
          </article>
          <article class="callout">
            <img src="https://www.bloomkidsdentist.com/assets/images/index-callouts-icon-3.svg" alt="">
            <h3>Positive Experiences</h3>
            <p>A positive dental visit can shape how a child feels about oral health for years to come, so every detail is designed with comfort in mind.</p>
          </article>
        </div>
      </div>
    </section>

    <section class="section doctors" id="dentists">
      <div class="section-inner split">
        <div class="doctor-photo image-shell">
          <img class="main-img" src="https://www.bloomkidsdentist.com/assets/images/index-meet.jpg" alt="Dr. Nelson Hui and Dr. Josephine Yip at Bloom Pediatric Dentistry">
        </div>
        <div class="content-copy">
          <p class="eyebrow">Our friendly pediatric dentists</p>
          <h2>Meet our pediatric dentists.</h2>
          <p>Dr. Nelson Hui and Dr. Josephine "Dr. JoJo" Yip are passionate about providing compassionate, personalized care for every child who visits Bloom.</p>
          <div class="doctor-grid">
            <article class="doctor">
              <h3>Dr. Nelson Hui, DMD</h3>
              <p>Dr. Nelson takes time to understand each child's unique needs and helps families feel confident about their child's dental care.</p>
            </article>
            <article class="doctor">
              <h3>Dr. Josephine "Dr. JoJo" Yip, DMD</h3>
              <p>Dr. JoJo combines clinical excellence with a gentle approach that helps children feel at ease throughout their visit.</p>
            </article>
          </div>
          <ul class="checks">
            <li>Compassionate, personalized care for every child</li>
            <li>Time spent learning each patient's unique needs</li>
            <li>A comfortable experience every step of the way</li>
          </ul>
          <a class="pill" href="#appointment-form">Request an Appointment</a>
        </div>
      </div>
    </section>

    <section class="section approach">
      <div class="section-inner split">
        <div class="content-copy">
          <p class="eyebrow">A different dental experience for kids</p>
          <h2>Healthy smiles start with a positive experience.</h2>
          <p>We know that comfort and confidence matter. Bloom creates a supportive visit for both children and parents through clear communication, gentle care, and a prevention-first approach.</p>
          <ul class="checks">
            <li>Build trust with every child</li>
            <li>Explain care in kid-friendly ways</li>
            <li>Focus on prevention and education</li>
            <li>Support healthy habits that last</li>
          </ul>
          <a class="pill teal" href="#appointment-form">Ask Us a Question</a>
        </div>
        <div class="approach-art" aria-label="Child in a dental chair with Bloom decorative leaves">
          <img class="wood" src="https://www.bloomkidsdentist.com/assets/images/index-approach-wood.png" alt="">
          <img class="leaf" src="https://www.bloomkidsdentist.com/assets/images/index-approach-leaf.png" alt="">
          <img class="girl" src="https://www.bloomkidsdentist.com/assets/images/index-approach-girl.png" alt="Girl in dental chair looking up">
        </div>
      </div>
    </section>

    <section class="section services">
      <div class="section-inner">
        <div class="section-title">
          <p class="eyebrow">Personalized pediatric care</p>
          <h2>For infants, children, and teens.</h2>
          <p class="lead">Whether it is your child's first dental visit or ongoing preventive care, Bloom helps families maintain healthy smiles with a gentle, conservative approach.</p>
        </div>
        <ul class="service-list">
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M18 9c-5 0-8 4-8 9 0 8 4 17 8 21 2 2 4-7 6-7s4 9 6 7c4-4 8-13 8-21 0-5-3-9-8-9-3 0-4 2-6 2s-3-2-6-2Z"></path><path d="M15 18h6M18 15v6"></path></svg></span>Infant & Toddler Dental Visits</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M18 9c-5 0-8 4-8 9 0 8 4 17 8 21 2 2 4-7 6-7s4 9 6 7c4-4 8-13 8-21 0-5-3-9-8-9-3 0-4 2-6 2s-3-2-6-2Z"></path><path d="M31 13l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5Z"></path></svg></span>Dental Cleanings & Exams</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M24 6l15 6v10c0 10-6 17-15 20C15 39 9 32 9 22V12l15-6Z"></path><path d="M17 24l5 5 10-12"></path></svg></span>Preventive Care</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M26 6c4 7 9 12 9 20a11 11 0 0 1-22 0c0-8 8-14 13-20Z"></path><path d="M19 29c2 3 7 3 10 0"></path></svg></span>Fluoride Treatments</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M13 28c4-5 8-8 11-8s7 3 11 8"></path><path d="M10 32c8 6 20 6 28 0"></path><path d="M16 24v8M24 20v15M32 24v8"></path></svg></span>Dental Sealants</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M18 9c-5 0-8 4-8 9 0 8 4 17 8 21 2 2 4-7 6-7s4 9 6 7c4-4 8-13 8-21 0-5-3-9-8-9-3 0-4 2-6 2s-3-2-6-2Z"></path><path d="M20 22h8M24 18v8"></path></svg></span>Cavity Treatment</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M24 7v18"></path><path d="M16 16l8-9 8 9"></path><path d="M12 27h24v13H12z"></path><path d="M18 34h12"></path></svg></span>Emergency Pediatric Dentistry</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M24 14a7 7 0 1 0 0 14 7 7 0 0 0 0-14Z"></path><path d="M24 5v6M24 37v6M5 24h6M37 24h6M10 10l4 4M34 34l4 4M38 10l-4 4M14 34l-4 4"></path></svg></span>Special Needs Dentistry</li>
          <li><span class="service-icon" aria-hidden="true"><svg viewBox="0 0 48 48"><path d="M12 28c5-8 19-8 24 0"></path><path d="M16 33c4 4 12 4 16 0"></path><path d="M16 15c2-3 6-4 8-1 2-3 6-2 8 1"></path><path d="M20 20h8"></path></svg></span>Sedation Options When Necessary</li>
        </ul>
      </div>
    </section>

    <section class="section visit" id="visit">
      <div class="section-inner">
        <div class="section-title">
          <p class="eyebrow">Your child's visit</p>
          <h2>Comfort from the start.</h2>
        </div>
        <div class="visit-grid">
          <article class="visit-item">
            <img class="wave-bg" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-wave-1.png" alt="">
            <img class="icon" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-icon-1.png" alt="">
            <div><h3>Focused on Comfort</h3>
            <p>We help kids feel safe and supported from the moment they arrive.</p></div>
          </article>
          <article class="visit-item">
            <img class="wave-bg" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-wave-2.png" alt="">
            <img class="icon" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-icon-2.png" alt="">
            <div><h3>Education-Centered</h3>
            <p>We explain treatment in kid-friendly ways so visits feel less intimidating.</p></div>
          </article>
          <article class="visit-item">
            <img class="wave-bg" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-wave-3.png" alt="">
            <img class="icon" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-icon-3.png" alt="">
            <div><h3>Talk About Options</h3>
            <p>Parents get clear answers and conservative recommendations whenever possible.</p></div>
          </article>
          <article class="visit-item">
            <img class="wave-bg" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-wave-4.png" alt="">
            <img class="icon" src="https://www.bloomkidsdentist.com/assets/images/index-first-visit-icon-4.png" alt="">
            <div><h3>Plan Together</h3>
            <p>We build care around your child's needs, comfort level, and long-term health.</p></div>
          </article>
        </div>
      </div>
    </section>

    <section class="section reviews" id="reviews">
      <img class="bg" src="https://www.bloomkidsdentist.com/assets/images/index-reviews.jpg" alt="">
      <div class="section-inner">
        <div class="section-title">
          <p class="eyebrow">What others are saying</p>
          <h2>Families feel the Bloom difference.</h2>
        </div>
        <div class="review-viewport" aria-label="Patient review carousel">
          <div class="review-track">
            <div class="review-page">
              <blockquote class="quote"><div class="stars">★★★★★</div>“Positively the best experience I've ever seen. The office is beautiful and the team is so kind.”<span>Cristie A.</span></blockquote>
              <blockquote class="quote"><div class="stars">★★★★★</div>“Dr. Nelson and his staff were incredible. They made my child feel comfortable right away.”<span>Ashley C.</span></blockquote>
              <blockquote class="quote"><div class="stars">★★★★★</div>“What a fantastic place. Everyone was patient, friendly, and great with kids.”<span>Amber M.</span></blockquote>
            </div>
            <div class="review-page">
              <blockquote class="quote"><div class="stars">★★★★★</div>“The dentists took time to explain every option and made the visit feel easy.”<span>Bloom Parent</span></blockquote>
              <blockquote class="quote"><div class="stars">★★★★★</div>“A warm, thoughtful pediatric dental office that truly understands children.”<span>Murphy Family</span></blockquote>
              <blockquote class="quote"><div class="stars">★★★★★</div>“Our child left smiling. That says everything.”<span>Happy Parent</span></blockquote>
            </div>
            <div class="review-page">
              <blockquote class="quote"><div class="stars">★★★★★</div>“The team was patient, kind, and made the whole appointment feel calm.”<span>Grateful Parent</span></blockquote>
              <blockquote class="quote"><div class="stars">★★★★★</div>“They listened, explained everything clearly, and never made us feel rushed.”<span>Local Family</span></blockquote>
              <blockquote class="quote"><div class="stars">★★★★★</div>“This is exactly what a pediatric dental office should feel like.”<span>Happy Parent</span></blockquote>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="section form-section" id="contact">
      <div class="section-inner form-wrap">
        <div class="content-copy">
          <p class="eyebrow">Get started</p>
          <h2>Ready to get started?</h2>
          <p>Whether it is your child's first dental visit or you are looking for a new pediatric dentist, Bloom is here to help build healthy smiles every step of the way.</p>
          <ul class="checks">
            <li>Conveniently located in downtown Murphy</li>
            <li>Less than two miles from Murphy Middle School and PSA Murphy</li>
            <li>Serving Murphy, Wylie, Sachse, Plano, Parker, Lucas, Allen, Richardson, and Garland</li>
          </ul>
          <a class="pill teal" href="tel:14699720054">Call (469) 972-0054</a>
        </div>
        <form id="appointment-form">
          <div class="form-row">
            <label>Parent Name
              <input type="text" name="name" placeholder="Your name">
            </label>
            <label>Phone
              <input type="tel" name="phone" placeholder="(469) 000-0000">
            </label>
          </div>
          <label>Email
            <input type="email" name="email" placeholder="you@example.com">
          </label>
          <div class="form-row">
            <label>New Patient?
              <select name="new-patient">
                <option>Yes</option>
                <option>No</option>
              </select>
            </label>
            <label>How Did You Hear About Us?
              <select name="source">
                <option>Search Engine</option>
                <option>Family/Friend</option>
                <option>Promotion</option>
                <option>Social Media</option>
                <option>Other</option>
              </select>
            </label>
          </div>
          <label>How can we help?
            <textarea name="message" placeholder="Tell us what your child needs."></textarea>
          </label>
          <button class="pill" type="button">Request an Appointment</button>
        </form>
      </div>
    </section>
  </main>

  <footer class="footer">
    <img class="wood" src="https://www.bloomkidsdentist.com/assets/images/footer-wood.png" alt="">
    <div class="footer-inner">
      <div>
        <img class="footer-logo" src="https://www.bloomkidsdentist.com/assets/images/footer-logo.svg" alt="Bloom Pediatric Dentistry">
      </div>
      <div>
        <h3>Contact us</h3>
        <p><a href="tel:14699720054"><strong>(469) 972-0054</strong></a></p>
        <p>1015 N Murphy Rd, Suite 400<br>Murphy, TX 75094</p>
        <p><a href="mailto:info@bloomkidsdentist.com">info@bloomkidsdentist.com</a></p>
      </div>
      <div>
        <h3>Office Hours</h3>
        <p>Monday 8:30 am - 5:00 pm</p>
        <p>Tuesday 8:30 am - 5:00 pm</p>
        <p>Wednesday 8:30 am - 5:00 pm</p>
        <p>Thursday 8:30 am - 5:00 pm</p>
      </div>
    </div>
  </footer>
</div>/* End custom CSS */