@import url("/assets/tokens.css");
/* Isolated warm design preview. Orange matches the whitening campaign CTA. */
body>header>.button,.treatment-hero .hero-actions .button,.price-card .button,main>.contact .button,.site-footer .footer-intro .button,.service-jump a:last-child,.mobile-book>a:last-child,#sd-navigation .sd-mobile-book{background:var(--treatment-color-cta-orange);color:var(--treatment-color-white);border-color:var(--treatment-color-cta-orange)}
body>header>.button:hover,.treatment-hero .hero-actions .button:hover,.price-card .button:hover,main>.contact .button:hover,.site-footer .footer-intro .button:hover,.service-jump a:last-child:hover,.mobile-book>a:last-child:hover{background:var(--treatment-color-warm-brown);color:var(--treatment-color-white);border-color:var(--treatment-color-warm-brown)}
.price-card{background:linear-gradient(135deg,var(--treatment-color-navy-mid),#123e47);border:1px solid #245e64;border-top:4px solid var(--treatment-color-cta-orange);box-shadow:0 20px 44px #123e4720}
.price-card .eyebrow{color:#b9e4d8}.price-card .price{color:var(--treatment-color-white)}.price-card p{color:#e0edeb}.price-card .price-check{color:#cfede3}
main>.treatment-testimonial{background:#fbefe5;border-color:#edddcf}
.treatment-testimonial blockquote{font-family:Georgia,'Times New Roman',serif;font-size:clamp(21px,2vw,26px);line-height:1.65;letter-spacing:-.015em;color:#314849}
.treatment-quote-mark{color:var(--treatment-color-cta-orange)}.treatment-testimonial .eyebrow{color:#925032}
.treatment-review-avatar{background:#f6d6bf;border-color:#e7bda0;color:#7d3e22}
@media(max-width:760px){.treatment-testimonial blockquote{font-size:21px;line-height:1.65}}

/* Open, conversational contact block alongside the FAQ. */
.faq-question-cta{background:transparent;border:0;border-radius:0;padding:0;margin-top:38px;max-width:430px}
.faq-question-cta h3{font-size:21px;margin-bottom:10px}
.faq-question-cta p{margin-bottom:24px;max-width:330px}
.faq-question-cta .faq-call{background:transparent;border:0;border-radius:0;padding:0;gap:12px;width:fit-content;justify-content:flex-start;font-size:clamp(23px,2.3vw,29px);line-height:1.5;color:var(--treatment-color-teal-deep);letter-spacing:-.02em}
.faq-question-cta .faq-call:hover{background:transparent;color:var(--treatment-color-teal-mid);text-decoration:underline;text-underline-offset:6px}
.faq-email{display:block;width:fit-content;margin-top:18px;color:var(--treatment-color-ink-soft);font-size:15px;text-decoration:underline;text-decoration-color:#b4ccc5;text-underline-offset:5px}
.faq-email:hover{color:var(--treatment-color-teal-deep);text-decoration-color:currentColor}.faq-email:focus-visible{outline:3px solid var(--treatment-color-teal-mid);outline-offset:5px}
@media(max-width:760px){.faq-question-cta{padding:0;margin-top:28px;margin-bottom:10px}.faq-question-cta .faq-call{font-size:26px}}

/* Integrated, non-interactive situations within section 01. */
.treatment-intro>.benefit-grid{grid-column:1/-1;margin-top:12px;padding-top:38px;border-top:1px solid var(--treatment-color-tint-cool);gap:0}
.treatment-intro .benefit-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0 30px;cursor:default}
.treatment-intro .benefit-card:first-child{padding-left:0}.treatment-intro .benefit-card:last-child{padding-right:0}
.treatment-intro .benefit-card+.benefit-card{border-left:1px solid var(--treatment-color-tint-cool)}
.treatment-intro .benefit-card h3{font-size:22px;line-height:1.4;margin:0 0 14px;font-weight:600}
.treatment-intro .benefit-card p{font-size:16px;line-height:1.8}
main>.treatment-section{background:#edf5f2;border-top:1px solid var(--treatment-color-tint-cool)}
@media(max-width:760px){.treatment-intro>.benefit-grid{padding-top:10px;margin-top:6px;border-top:0;gap:0}.treatment-intro .benefit-card,.treatment-intro .benefit-card:first-child,.treatment-intro .benefit-card:last-child{padding:24px 0;border-top:1px solid var(--treatment-color-tint-cool);border-left:0}.treatment-intro .benefit-card h3{font-size:22px;margin-bottom:10px}}

.treatment-hero h1.treatment-topic{font-size:12px;font-weight:inherit;line-height:1.65;letter-spacing:.11em;text-transform:none;margin:0;color:#e0f3f5}
.treatment-slogan{font-size:clamp(48px,4.7vw,64px);font-weight:600;line-height:1.06;letter-spacing:-.045em;margin:20px 0 26px}.treatment-slogan em{color:#d9fff0}
main>.first-consultation{display:grid;grid-template-columns:.75fr 1.25fr;gap:8%;align-items:center;background:#f9f4ef;padding-top:72px;padding-bottom:72px}
.doctor-photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;aspect-ratio:4/4.2;background:#e8eeea;border:1px dashed #a8bdb3;border-radius:24px;color:#53796b;text-align:center;padding:25px;font-size:14px}
.first-consultation h2{font-size:clamp(34px,3.6vw,48px);line-height:1.12;margin:20px 0 24px;color:var(--treatment-color-ink)}.first-consultation p,.first-consultation li{font-size:16px;line-height:1.8;color:var(--treatment-color-ink-soft)}.first-consultation ul{padding-left:20px;margin:20px 0}.first-consultation li+li{margin-top:12px}
@media(max-width:760px){.treatment-hero h1.treatment-topic{font-size:10px;letter-spacing:.07em}.treatment-slogan{font-size:clamp(42px,10.5vw,60px)}main>.first-consultation{grid-template-columns:1fr;gap:28px;padding-top:48px;padding-bottom:48px}.doctor-photo-placeholder{width:100%;max-width:330px;margin:auto;aspect-ratio:4/3}}

/* Remove the thin white outline around the hero illustration. */
.treatment-visual{border:0}

.price-section .price-factors{margin-top:25px;color:var(--treatment-color-ink-soft);font-size:16px;line-height:1.75}
.price-factors>p{font-weight:600;color:var(--treatment-color-navy-deep)}.price-factors ul{margin:15px 0 0;padding-left:21px}.price-factors li{padding-left:4px}.price-factors li+li{margin-top:10px}.price-factors li::marker{color:var(--treatment-color-teal)}
.price-card .price-benefits{list-style:none;padding:23px 0 0;margin:25px 0;border-top:1px solid #ffffff26;display:flex;flex-direction:column;gap:14px;color:#cfede3}
.price-benefits li{display:flex;align-items:flex-start;gap:11px;font-size:14px;line-height:1.6}.price-benefits svg{flex:0 0 18px;margin-top:2px;color:#b9efdc}

/* Clear alternating full-width surfaces. */
main>.treatment-intro{background:var(--treatment-color-white)}
main>.first-consultation{background:#e6f1ed;border-block:1px solid #d6e6df}
main>.treatment-section{background:var(--treatment-color-white);border-top:0}
main>.treatment-testimonial{background:#fae9dc;border-block:1px solid #eddbcc}
main>.price-section{background:var(--treatment-color-white);border-block:0}
main>.faq-section{background:#e6f1ed;border-top:1px solid #d6e6df}
.treatment-intro .care-note{background:transparent;border:0;border-radius:0;padding:0;gap:16px}
.treatment-intro .care-note p{margin:0;flex:1}
.treatment-intro .care-note svg{order:2;flex:0 0 22px;margin-top:4px}
.price-factors ul{padding:0;list-style:none;margin-top:18px}
.price-factors li{display:flex;align-items:flex-start;gap:13px;padding:0}.price-factors li+li{margin-top:15px}
.price-factor-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:var(--treatment-radius-sm);background:#e6f1ed;color:var(--treatment-color-teal-deep)}.price-factors li>span:last-child{padding-top:2px}

.treatment-intro .care-note svg{order:0;flex:0 0 22px}
.first-consultation ul{list-style:none;padding:0}.first-consultation li{display:flex;gap:13px;align-items:flex-start}.consult-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;background:var(--treatment-color-white);border-radius:var(--treatment-radius-sm);color:var(--treatment-color-teal-deep)}.first-consultation li>span:last-child{padding-top:2px}

/* Clinic blue matches the hero gradient starting color. */
.price-card{background:var(--treatment-color-price-blue);border-color:var(--treatment-color-price-blue);border-top:4px solid var(--treatment-color-cta-orange);box-shadow:0 20px 44px #195fbb20}.price-card .eyebrow,.price-card p,.price-card .price-benefits{color:var(--treatment-color-white)}.price-benefits svg{color:var(--treatment-color-white)}
