/* Deep Cleaning — interactive educational guide. Page scoped; no form field changes. */
html body #main.dc-engagement{--dce-pink:#b91c68;--dce-ink:#123b45;--dce-blue:#147c9b;--dce-ease:cubic-bezier(.18,.72,.2,1)}
html body #main.dc-engagement .dce-experience{display:inline-flex;align-items:center;gap:1rem;max-width:100%;padding:.8rem 1.2rem;border:1px solid #e5d27f;border-radius:1rem;background:linear-gradient(115deg,#fff2af,#fff9e5);margin:0 0 1.3rem;box-shadow:0 8px 22px #ac872211}
html body #main.dc-engagement .dce-experience-number{font-size:3.3rem;line-height:1.05;color:var(--dce-pink);font-weight:800;letter-spacing:-.05em;flex-shrink:0}
.dce-experience>div{border-left:1px solid #d6c16a;padding-left:1rem}
html body #main.dc-engagement .dce-experience>div>strong{display:block;font-size:1.13rem;line-height:1.45}
html body #main.dc-engagement .dce-experience>div>span{display:block;font-size:1rem;line-height:1.5;color:#63582c;margin-top:.15rem}
html body #main.dc-engagement .dc-hero-copy h1{font-size:clamp(2.85rem,4.6vw,4.4rem)}
html body #main.dc-engagement .dc-clarity-visit-link{font-size:1.0625rem;line-height:1.5}
html body #main.dc-engagement .dc-journey-section{background:linear-gradient(180deg,#edf7fa,#f7fbfc);}
html body #main.dc-engagement .dce-explorer{background:transparent;border:0;box-shadow:none;overflow:visible;border-radius:0}
html body #main.dc-engagement .dce-explorer .dc-step-tabs{border:1px solid #cadfe7;border-radius:1rem;overflow:hidden;background:#fff;margin-bottom:1.35rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
html body #main.dc-engagement .dce-explorer .dc-step-tab{padding:1rem 1.1rem;min-height:5.5rem;transition:background .3s,color .3s,box-shadow .3s;text-wrap:pretty}
html body #main.dc-engagement .dce-explorer .dc-step-tab+.dc-step-tab{border-left:1px solid #e0e9ed}
html body #main.dc-engagement .dce-explorer .dc-step-tab strong{font-size:1.125rem;line-height:1.4}
html body #main.dc-engagement .dce-explorer .dc-step-tab[aria-selected=true]{background:#fff0f6;color:#98114f;box-shadow:inset 0 -3px #b91c68}
html body #main.dc-engagement .dce-explorer .dc-step-tab[aria-selected=true] .dc-step-num{background:#b91c68;color:#fff}
html body #main.dc-engagement .dce-explorer .dc-step-tab[aria-selected=true] strong{color:#98114f}
html body #main.dc-engagement .dce-explorer .dc-step-tab:after{display:none}
.dce-guide-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:start}
.dce-guide-grid>*{min-width:0}
.dce-visual{border:1px solid #c5dfe8;border-radius:1.35rem;background:#fff;overflow:hidden;isolation:isolate}
.dce-visual-top{padding:1.1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;background:#f8fcfd;border-bottom:1px solid #d5e7ed}
.dce-visual-top>span:first-child{display:flex;align-items:center;gap:.45rem;font-size:1rem;font-weight:700;line-height:1.45;color:#285868}
.dce-visual-top .icon{width:1.2rem;height:1.2rem;color:#b91c68}
.dce-illustration-label{font-size:1rem;line-height:1.4;padding:.35rem .65rem;background:#edf5f8;border-radius:.5rem;color:#536e78}
.dce-picture{position:relative;min-width:0;overflow:hidden;background:#edf7fb;isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.dce-image{position:relative;width:100%;line-height:0}
.dce-image svg{display:block;width:100%;height:auto;max-width:none}
.dce-cleaned{position:absolute;inset:0;clip-path:inset(0 0 0 calc(100% - var(--dce-position,50%)));display:none}
.dce-explorer.dce-ready[data-step=treat] .dce-cleaned{display:block}
.dce-explorer.dce-ready[data-step=maintain] .dce-cleaned{display:block;clip-path:none}
.dce-image-labels{position:absolute;inset:.85rem .8rem auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;pointer-events:none}
.dce-image-labels span{background:#ffffffec;border:1px solid #d4e4e8;border-radius:.5rem;padding:.35rem .6rem;font-size:1rem;line-height:1.4;color:#345966}
.dce-image-labels .dce-clean-label{display:none}
.dce-ready[data-step=treat] .dce-clean-label{display:block}
.dce-ready[data-step=maintain] .dce-image-labels{display:none}
.dce-divider{display:none;position:absolute;top:0;bottom:0;left:calc(100% - var(--dce-position,50%));width:3px;background:#fff;box-shadow:0 0 0 1px #23657b35;pointer-events:none;transform:translateX(-50%)}
.dce-ready[data-step=treat] .dce-divider{display:block}
.dce-divider>span{display:grid;place-items:center;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);height:3.1rem;width:3.1rem;border-radius:50%;background:#fff;border:2px solid #b91c68;box-shadow:0 4px 15px #18495b20;color:#b91c68}
.dce-divider .icon{width:1.6rem;height:1.6rem}
.dce-calendar,.dce-treatment-ring{display:none}
.dce-ready[data-step=treat] .dce-measure,.dce-ready[data-step=maintain] .dce-measure{display:none}
.dce-ready[data-step=treat] .dce-treatment-ring,.dce-ready[data-step=maintain] .dce-calendar{display:block}
.dce-ready[data-step=treat] .dce-picture{cursor:ew-resize}
.dce-scene-caption{padding:1rem 1.25rem;display:flex;align-items:center;gap:.8rem;border-top:1px solid #d0e3ea;background:#f9fcfd}
.dce-scene-caption>span{font-size:1rem;line-height:1.5;font-weight:750;color:#a9155c;white-space:nowrap}
.dce-scene-caption>strong{font-size:1.125rem;line-height:1.5;font-weight:650;color:#1c4855}
.dce-assess-prompt,.dce-maintain-prompt{padding:0 1.2rem 1.2rem;background:#f9fcfd}
.dce-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;color:#234854;border:1px solid #c7dce5;border-radius:.75rem;font-size:1rem;line-height:1.5;font-weight:650;padding:.6rem .85rem;min-height:2.85rem;max-width:100%;text-align:center;transition:background .25s,border-color .25s,transform .25s}
.dce-button:not(:disabled):hover{background:#fff1f7;border-color:#b91c68;color:#9b1453;transform:translateY(-2px)}
.dce-button:focus-visible{outline:3px solid #167b9b;outline-offset:3px}
.dce-button .icon{width:1.05rem;height:1.05rem;flex-shrink:0}
.dce-button[aria-pressed=true]{background:#fff0f6;border-color:#b91c68;color:#9b1453}
.dce-comparison-controls{padding:1rem 1.2rem 1.2rem;background:#f9fcfd;border-top:1px solid #dfebef}
.dce-comparison-controls label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;font-size:1rem;line-height:1.6;margin-bottom:.55rem;color:#2a5361;font-weight:600}
.dce-comparison-controls label>span{display:inline-flex;align-items:center;gap:.4rem}
.dce-comparison-controls label .icon{height:1rem;width:1rem}
.dce-comparison-controls output{color:#5c7580;font-size:1rem;font-weight:400}
.dce-comparison-controls input[type=range]{accent-color:#b91c68;display:block;min-height:2.75rem;width:100%;margin:.2rem 0 .65rem;padding:0;background:transparent;cursor:ew-resize;touch-action:pan-y}
.dce-comparison-controls input[type=range]:focus-visible{outline:3px solid #147c9b;outline-offset:3px;border-radius:.2rem}
.dce-slider-actions{display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap}
html body #main.dc-engagement .dce-visual-note{font-size:1rem;line-height:1.65;color:#4b6874;margin:1rem .3rem 0}
.dce-reading-column{background:#fff;border:1px solid #d0e1e7;border-radius:1.35rem;overflow:hidden}
.dce-reading-toolbar{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;border-bottom:1px solid #dfebef;background:#f8fbfc}
.dce-reading-toolbar>span{font-size:1rem;font-weight:650;line-height:1.5;color:#416775}
html body #main.dc-engagement .dce-reading-column .dc-panel{display:block;padding:1.5rem 1.6rem;border:0}
html body #main.dc-engagement .dce-reading-column .dc-panel+.dc-panel{border-top:1px solid #dae6eb}
html body #main.dc-engagement .dce-reading-column .dc-panel h3{font-size:clamp(1.7rem,2.05vw,2rem);line-height:1.2;margin-bottom:1rem}
html body #main.dc-engagement .dce-reading-column .dc-panel-copy p{font-size:1.125rem;line-height:1.75}
html body #main.dc-engagement .dce-reading-column .dc-eyebrow{font-size:1rem;margin-bottom:.6rem}
html body #main.dc-engagement .dce-reading-column .dc-step-question{padding:1.1rem 1.2rem;margin-top:1.2rem;border-radius:.9rem}
html body #main.dc-engagement .dce-reading-column .dc-step-question>span{font-size:1rem;margin-bottom:.65rem}
html body #main.dc-engagement .dce-reading-column .dc-step-question>p{font-size:1.125rem;line-height:1.65;font-weight:550;margin-bottom:.75rem}
html body #main.dc-engagement .dce-reading-column .dc-step-question .text-link{font-size:1rem}
.dce-step-controls{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding:1rem 1.2rem;background:#f8fbfc;border-top:1px solid #dfebef}
.dce-step-controls>span{font-size:1rem;color:#496978}
.dce-guide-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem 2rem;background:#fff8d7;border:1px solid #eddda0;border-radius:1.1rem;padding:1.3rem 1.5rem;margin-top:1.5rem}
.dce-guide-cta>div{min-width:0}
.dce-guide-cta strong{font-size:1.25rem;line-height:1.5;font-weight:700}
html body #main.dc-engagement .dce-guide-cta p{font-size:1.0625rem;line-height:1.6;margin:.25rem 0 0}
.dce-guide-cta .btn{font-size:1.0625rem;padding:.8rem 1rem;min-height:3.1rem;max-width:100%}
.dce-explorer:not(.dce-ready) .dc-panels .dc-panel{display:block}
/* Section accents animate once; no readable content starts hidden in CSS. */
html body #main.dc-engagement [data-dce-section]{position:relative}
html body #main.dc-engagement [data-dce-section]>.container{position:relative}
html body #main.dc-engagement [data-dce-section]>.container:before{content:'';display:block;height:3px;width:5.5rem;background:linear-gradient(90deg,#b91c68 0 42%,#efd45b 42% 67%,#9ccfdc 67%);border-radius:5px;margin-bottom:1.35rem;transform-origin:left center;transform:scaleX(.15);opacity:.4;transition:transform .85s var(--dce-ease),opacity .7s}
html body #main.dc-engagement [data-dce-section].dce-entered>.container:before{transform:scaleX(1);opacity:1}
html body #main.dc-engagement .dc-concern-card,html body #main.dc-engagement .dc-after-card{transition:transform .35s var(--dce-ease),box-shadow .35s,border-color .35s}
html body #main.dc-engagement .dc-after-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #1c556316}
html body #main.dc-engagement .dc-stage{background:radial-gradient(ellipse at var(--dc-x,35%) var(--dc-y,30%),#f5fdff,#d5edf6 60%,#c1e1ec);}
@media(prefers-reduced-motion:no-preference){
 html:not(.motion-paused) #main.dc-engagement .dc-tooth{animation:dce-float 5.7s ease-in-out infinite!important}
 html:not(.motion-paused) #main.dc-engagement .dc-orbit{animation:dce-orbit 29s linear infinite!important}
 html:not(.motion-paused) #main.dc-engagement .dc-orbit-two{animation-direction:reverse!important;animation-duration:37s!important}
 html:not(.motion-paused) #main.dc-engagement .dc-spark{animation:dce-glint 4.6s ease-in-out infinite!important}
 html:not(.motion-paused) #main.dc-engagement .dc-spark-two{animation-delay:1.1s!important}
 html:not(.motion-paused) #main.dc-engagement .dce-ready[data-step=assess] .dce-measure{animation:dce-measure 4.5s ease-in-out infinite}
 html:not(.motion-paused) #main.dc-engagement .dce-calendar{animation:dce-calendar 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
}
#main.dc-engagement .dce-resting *,#main.dc-engagement .dce-resting *:before,#main.dc-engagement .dce-resting *:after{animation-play-state:paused!important}
@keyframes dce-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-17px) rotate(1deg)}}
@keyframes dce-orbit{0%{transform:rotate(-24deg)}100%{transform:rotate(336deg)}}
@keyframes dce-glint{0%,100%{opacity:.65;transform:scale(.83)}50%{opacity:1;transform:scale(1.15)}}
@keyframes dce-measure{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes dce-calendar{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:1000px){.dce-guide-grid{grid-template-columns:1fr}.dce-visual-column{max-width:42rem;width:100%;margin-inline:auto}.dce-reading-column{width:100%}}
@media(max-width:600px){
 html body #main.dc-engagement .dce-experience{padding:.75rem .95rem;gap:.8rem;margin-bottom:1.15rem}
 html body #main.dc-engagement .dce-experience-number{font-size:2.8rem}
 .dce-experience>div{padding-left:.8rem}
 html body #main.dc-engagement .dce-experience>div>strong{font-size:1.0625rem}
 html body #main.dc-engagement .dc-hero-copy h1{font-size:clamp(2.65rem,10.7vw,3.25rem)}
 .dce-guide-grid{gap:1.15rem}
 html body #main.dc-engagement .dce-explorer .dc-step-tab{padding:.9rem 1rem;min-height:4.8rem}
 html body #main.dc-engagement .dce-explorer .dc-step-tab+.dc-step-tab{border-left:0;border-top:1px solid #dfebef}
 html body #main.dc-engagement .dce-explorer .dc-step-tab strong{font-size:1.0625rem}
 .dce-visual-top{padding:1rem}
 .dce-visual-top .dce-illustration-label{display:none}
 .dce-image-labels{inset:.6rem .6rem auto;gap:.5rem}
 .dce-image-labels span{font-size:1rem;padding:.25rem .45rem;max-width:49%;line-height:1.3}
 .dce-scene-caption{padding:1rem;gap:.65rem;flex-wrap:wrap}
 .dce-scene-caption>strong{font-size:1.0625rem}
 .dce-comparison-controls{padding:1rem}
 .dce-comparison-controls label{font-size:1rem}
 .dce-comparison-controls output{display:none}
 .dce-slider-actions{gap:.5rem}
 .dce-slider-actions .dce-button{padding:.6rem .7rem}
 .dce-assess-prompt,.dce-maintain-prompt{padding:0 1rem 1rem}
 .dce-assess-prompt>.dce-button{width:100%}
 .dce-reading-toolbar{padding:1rem}
 .dce-reading-toolbar>span{display:none}
 html body #main.dc-engagement .dce-reading-column .dc-panel{padding:1.25rem}
 html body #main.dc-engagement .dce-reading-column .dc-panel h3{font-size:1.75rem}
 html body #main.dc-engagement .dce-reading-column .dc-panel-copy p{font-size:1.125rem}
 .dce-step-controls{padding:1rem;gap:.5rem}
 .dce-step-controls .dce-button .icon{display:none}
 .dce-step-controls>span{flex-basis:100%;order:3;text-align:center}
 .dce-guide-cta{padding:1.3rem;gap:1rem}
 .dce-guide-cta>.btn-row{width:100%;display:grid;grid-template-columns:1fr}
 .dce-guide-cta .btn{width:100%}
 html body #main.dc-engagement [data-dce-section]>.container:before{width:4.5rem}
}
@media(max-width:370px){html body #main.dc-engagement .dce-experience-number{font-size:2.6rem}.dce-slider-actions{flex-direction:column;align-items:stretch}.dce-visual-top>span:first-child{font-size:1rem}.dce-comparison-controls label .icon{display:none}}
@media(prefers-reduced-motion:reduce){#main.dc-engagement *,#main.dc-engagement *:before,#main.dc-engagement *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html body #main.dc-engagement [data-dce-section]>.container:before{transform:none;opacity:1}}
html.motion-paused #main.dc-engagement *,html.motion-paused #main.dc-engagement *:before,html.motion-paused #main.dc-engagement *:after{animation:none!important;transition:none!important}
html.motion-paused #main.dc-engagement [data-dce-section]>.container:before{transform:none;opacity:1}
@media print{.dce-visual-column,.dce-step-controls,.dce-reading-toolbar,.dce-guide-cta,.dc-step-tabs{display:none!important}.dce-guide-grid{display:block}.dce-reading-column{border:0}.dce-reading-column .dc-panel[hidden]{display:block!important}.dce-experience{box-shadow:none!important}}
/* Reflow at enlarged browser text sizes, including 320px layouts. */
html body #main.dc-engagement :is(h1,h2,h3,h4,.dc-section-heading>div,.dc-section-heading>p){max-width:100%;overflow-wrap:anywhere}
html body #main.dc-engagement :is(.btn,.text-link,.dc-secondary-button,.dce-button){min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}
html body #main.dc-engagement .request-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr))}
html body #main.dc-engagement .request-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
html body #main.dc-engagement .request-field :is(label,small){overflow-wrap:anywhere}
html body #main.dc-engagement .request-contact-options label{flex:1 1 8.5rem;flex-wrap:wrap;max-width:100%;overflow-wrap:anywhere}
html body #main.dc-engagement .dc-contact-directions .icon,html body #main.dc-engagement .dc-secondary-button .icon{flex-shrink:0}
@media(max-width:380px){html body #main.dc-engagement .dce-guide-cta{padding:1rem}html body #main.dc-engagement .dc-closing-actions .btn{padding-inline:.65rem}.dce-assess-prompt .dce-button{padding-inline:.5rem}.dce-button>.icon{max-width:1.2rem}}
/* Accent is decoration, never an extra item in a two-column content grid. */
html body #main.dc-engagement [data-dce-section]>.container:before{position:absolute;top:-1.4rem;left:0;margin:0;pointer-events:none}