.interactive-treatment{background:#f1f3f5}.interactive-intro{text-align:center;max-width:760px;margin:0 auto 34px}.interactive-intro h2{font:800 clamp(2.4rem,4vw,4.35rem)/1.1 Manrope,sans-serif;letter-spacing:-.06em;margin:14px 0}.interactive-intro h2 span{color:#3275d9}.interactive-intro p{font-size:.93rem;color:#60778a;line-height:1.65;margin:0 auto}.interactive-treatment-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#fff;padding:20px;border-radius:24px;box-shadow:0 16px 45px #1a446411;min-height:530px}.interactive-copy{padding:57px 35px 39px 45px;display:flex;flex-direction:column;align-items:flex-start}.interactive-step-label{color:#3878d9;font:800 .69rem Manrope,sans-serif;letter-spacing:.13em}.interactive-step-label strong{margin-left:11px;color:#84a3d8}.interactive-copy h3{font:800 clamp(1.8rem,2.75vw,3rem)/1.17 Manrope,sans-serif;letter-spacing:-.06em;margin:28px 0 15px;max-width:450px}.interactive-copy p{font-size:.99rem;color:#5a7385;line-height:1.72;max-width:470px;min-height:115px}.interactive-step-nav{display:flex;align-items:center;gap:17px;margin:16px 0 38px}.interactive-step-nav button{height:39px;width:39px;border-radius:50%;border:1px solid #8db9ed;background:#fff;color:#3476d8;font-size:1.15rem;cursor:pointer}.interactive-step-nav button:hover:not(:disabled){background:#e9f2ff}.interactive-step-nav button:disabled{opacity:.32;cursor:not-allowed}.step-progress{display:flex;gap:6px}.step-progress span{display:block;height:5px;width:25px;border-radius:4px;background:#d6e1f0}.step-progress span.active{background:#5e8eff}.interactive-copy .procedure-cta{margin-top:auto}.interactive-visual{position:relative;background:#101113;min-height:490px;border-radius:18px;overflow:hidden;display:grid;place-items:center;isolation:isolate}.interactive-visual .procedure-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:58px 58px}.procedure-diagram{display:block;width:min(96%,535px);height:auto;max-height:405px;margin-top:-25px;overflow:visible}.diagram-caption{fill:#bdd1de;font:700 10px Manrope,sans-serif;letter-spacing:1px}.diagram-top-label{fill:#78aefa;font:800 12px Manrope,sans-serif;letter-spacing:2px}.placed-implants,.full-bridge{display:none}.procedure-diagram[data-step="2"] .placed-implants,.procedure-diagram[data-step="3"] .placed-implants,.procedure-diagram[data-step="3"] .full-bridge{display:block}.procedure-diagram[data-step="2"] .plan-positions,.procedure-diagram[data-step="3"] .plan-positions{display:none}.procedure-diagram[data-treatment="all4"] .position-6{display:none}.interactive-visual-note{position:absolute;top:17px;right:20px;color:#91a8b9;font-size:.61rem}.treatment-tabs{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:5px;border:1px solid #a2a7ad;border-radius:30px;background:#17191c;white-space:nowrap}.treatment-tab{border:0;border-radius:23px;background:#fff;color:#407bd3;padding:9px 18px;font:.77rem Manrope,sans-serif;cursor:pointer}.treatment-tab.active{background:#527ff5;color:#fff}.treatment-tab:focus-visible,.interactive-step-nav button:focus-visible{outline:3px solid #8cc8ff;outline-offset:2px}
@media(max-width:960px){.interactive-treatment-grid{gap:12px}.interactive-copy{padding:40px 16px 30px 25px}.interactive-copy p{min-height:140px}.interactive-visual{min-height:445px}}@media(max-width:720px){.interactive-treatment-grid{display:flex;flex-direction:column;padding:12px;gap:0}.interactive-copy{padding:31px 17px 25px}.interactive-copy p{min-height:0}.interactive-step-nav{margin:12px 0 24px}.interactive-visual{min-height:410px}.procedure-diagram{max-height:340px;width:min(98%,500px)}}@media(max-width:470px){.interactive-intro h2{font-size:2.45rem}.interactive-copy h3{font-size:2rem;margin-top:20px}.interactive-copy p{font-size:.87rem}.interactive-visual{min-height:320px}.procedure-diagram{max-height:265px;margin-top:-18px}.interactive-visual-note{font-size:.48rem;right:10px;top:10px}.treatment-tabs{bottom:12px;padding:4px;gap:3px}.treatment-tab{font-size:.67rem;padding:8px 12px}}