.tdc-connect{background:#f5f1ee;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:6vw;align-items:center;border-bottom:1px solid #ddd8d4;scroll-margin-top:85px}
.connect-brand{display:flex;align-items:baseline;gap:5px;color:#893305;font-size:16px;letter-spacing:-.3px;margin:0 0 33px}.connect-brand strong{font-weight:600}.connect-brand>span{font-size:11px;color:#706b68;letter-spacing:.02em;margin-left:9px}
.connect-kicker{font-size:10px;font-weight:600;letter-spacing:.13em;color:#706b68;display:flex;align-items:center;gap:12px;margin:0 0 21px}.connect-kicker>span{background:#e8ddd5;border:1px solid #d7c6b9;border-radius:20px;padding:3px 9px;letter-spacing:0;font-size:10px;color:#713414}
.connect-copy h2{font-size:clamp(36px,4.5vw,66px);line-height:1.04;letter-spacing:-.045em}.connect-copy h2 em{color:#893305}.connect-intro{font-size:17px;line-height:1.75;color:#625d59;max-width:490px;margin:26px 0}
.connect-steps{padding:0;margin:27px 0 31px;list-style:none;display:flex;gap:20px;max-width:450px}.connect-steps li{flex:1;font-size:12px;line-height:1.5}.connect-steps li>span{display:block;color:#893305;font-size:10px;letter-spacing:1px;margin-bottom:6px}
.tdc-connect .button,.connect-dialog .button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;border:1px solid #893305;background:#893305;color:#fff;padding:14px 22px;font-size:13px;font-weight:600;cursor:pointer}
.tdc-connect .button:hover,.connect-dialog .button:hover{background:#6d2905}.connect-demo-note{font-size:12px;color:#625d59;line-height:1.8;max-width:455px;margin:17px 0 0}.connect-clinical-note{font-size:11px;line-height:1.7;color:#706b68;border-left:2px solid #c9ae9c;padding-left:13px;max-width:455px;margin:25px 0 0}
.connect-photo{margin:0;position:relative;height:620px;min-width:0;overflow:hidden;border-radius:110px 5px 5px 5px;background:#e8dac7}.tdc-connect .phone-stage{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none}.tdc-connect #phone-drag-area{cursor:ew-resize;touch-action:pan-y}
.tdc-connect .comparison-caption{position:absolute;left:22px;right:22px;bottom:38px;padding:18px 20px;background:rgba(250,247,243,.96);border:1px solid #e5dbd3;border-radius:4px}.tdc-connect .comparison-heading{display:flex;align-items:center;gap:11px;font-size:11px;line-height:1.65}.tdc-connect .photo-icon{font-size:28px;color:#893305}.tdc-connect .comparison-heading strong{font-weight:600}.tdc-connect .comparison-labels{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#625d59;margin-top:13px}.tdc-connect .comparison-controls{display:flex;align-items:center;gap:13px;margin-top:3px}.tdc-connect #smile-comparison{width:100%;min-width:0;flex:1;height:32px;margin:0;accent-color:#893305;cursor:ew-resize;touch-action:pan-y}.tdc-connect .comparison-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:83px;min-height:36px;padding:6px 9px;background:#ece2da;color:#653419;border:1px solid #d7c6b9;border-radius:4px;font-size:10px;cursor:pointer}.tdc-connect .image-label{position:absolute;bottom:13px;right:20px;left:20px;text-align:right;color:#fff;text-shadow:0 1px 6px #35251c;font-size:7px;letter-spacing:.6px}
.tdc-connect :is(button,input,a):focus-visible,.connect-dialog :is(button,input,a):focus-visible{outline:3px solid #893305;outline-offset:4px}.tdc-connect .sr-only,.connect-dialog .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.connect-dialog{border:0;border-radius:10px;background:#faf7f3;color:#313030;width:min(570px,calc(100% - 30px));max-height:calc(100dvh - 40px);padding:30px 34px;box-shadow:0 25px 90px #251d1744}.connect-dialog::backdrop{background:#211a1599;backdrop-filter:blur(4px)}.connect-dialog .dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.connect-dialog .eyebrow{font-size:9px;color:#893305;margin:0}.connect-dialog .close{background:none;border:0;font-size:30px;line-height:1;color:#313030;width:40px;height:40px;cursor:pointer}.connect-dialog .progress{height:3px;background:#e5dcd5}.connect-dialog .progress span{display:block;height:3px;background:#893305;width:33.333%;transition:width .2s}.connect-dialog .step-label{font-size:10px;letter-spacing:2px;color:#706b68;margin:22px 0 12px}.connect-dialog h2{font-size:36px;line-height:1.1;letter-spacing:-1.4px;margin:0 0 25px}.connect-dialog fieldset{padding:0;border:0;margin:0}.connect-dialog fieldset label{display:flex;align-items:center;gap:13px;border:1px solid #d8cec6;border-radius:5px;padding:15px 14px;margin-bottom:9px;font-size:13px;line-height:1.6;cursor:pointer}.connect-dialog fieldset label:has(input:checked){border-color:#893305;background:#efe5dd}.connect-dialog input[type=radio]{accent-color:#893305;width:18px;height:18px;flex-shrink:0}.connect-dialog .dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:25px}.connect-dialog .next{margin-left:auto}.connect-dialog .text-link{color:#653419;background:none;border:0;border-bottom:1px solid #bca99b;cursor:pointer;padding:3px 0}.connect-dialog .demo-note{font-size:10px;line-height:1.7;color:#706b68;margin:20px 0 0}.connect-dialog .recap-kicker{font-size:10px;letter-spacing:1.5px;color:#893305}.connect-dialog #recap-goal{font:400 26px/1.2 'Fraunces',serif}.connect-dialog #recap-timing{font-size:13px;color:#706b68;line-height:1.7}.connect-dialog .next-step{padding:20px;background:#ece2da;margin-top:25px}.connect-dialog .next-step h3{font-size:14px;margin:0 0 10px}.connect-dialog .next-step p{font-size:13px;line-height:1.8;margin:0}.connect-dialog .connect-contact{display:inline-block;font-size:12px;font-weight:600;margin-top:15px;border-bottom:1px solid #893305;padding-bottom:3px;color:#893305}.connect-dialog [hidden]{display:none!important}
.hero-actions{flex-wrap:wrap}
.tdc-connect .comparison-state{position:absolute;top:25px;right:20px;padding:7px 11px;border-radius:4px;background:rgba(250,247,243,.94);color:#653419;font-size:10px;letter-spacing:.02em}
@media(max-width:1050px){.tdc-connect{gap:35px;padding-inline:5vw}.connect-photo{height:580px}.connect-copy h2{font-size:43px}.connect-intro{font-size:15px}.tdc-connect .comparison-caption{left:14px;right:14px;padding:16px}.tdc-connect .comparison-heading{font-size:10px}.connect-steps{gap:10px}.connect-steps li{font-size:10px}}
@media(max-width:700px){.tdc-connect{grid-template-columns:1fr;padding:64px 20px;gap:32px;scroll-margin-top:68px}.connect-copy h2{font-size:clamp(37px,10vw,54px)}.connect-brand{margin-bottom:25px}.connect-intro{margin:22px 0;font-size:15px}.connect-steps{max-width:430px}.connect-steps li{font-size:11px}.connect-photo{height:510px;max-width:490px;width:100%;justify-self:center;border-top-left-radius:95px}.tdc-connect .comparison-caption{left:18px;right:18px;bottom:32px}.tdc-connect .comparison-heading{font-size:11px}.tdc-connect .image-label{font-size:7px;bottom:11px}.connect-dialog{padding:22px}.connect-dialog h2{font-size:31px}.connect-dialog .button{font-size:12px;padding:14px 17px}.connect-dialog .dialog-actions{gap:14px}}
@media(prefers-reduced-motion:reduce){.connect-dialog .progress span{transition:none}}