.demo-page{max-width:1240px;margin:auto;padding:54px 32px 36px;color:#34302d}.demo-heading{text-align:center;margin-bottom:28px}.demo-heading h1{font-size:clamp(36px,5vw,60px);letter-spacing:-.055em;line-height:1.12;margin:14px 0}.demo-heading h1 span{color:#d26918}.demo-heading p{color:#69615b;font-size:18px;margin:0}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 6px}.demo-tabs{display:flex;padding:4px;border:1px solid #eaded4;background:#fff8f2;border-radius:30px;gap:4px}.demo-page button{font:inherit;cursor:pointer;touch-action:manipulation}.demo-tabs button,.demo-options button{border:0;background:transparent;padding:10px 20px;border-radius:24px;color:#665b51;font-size:14px}.demo-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 2px 6px #4a2a1217;color:#9b490c;font-weight:650}.demo-options{display:flex;gap:5px}.demo-options button:hover{background:#fff0e1}.demo-page button:focus-visible,.demo-page a:focus-visible{outline:3px solid #a24b0c;outline-offset:4px}.demo-stage{display:grid;grid-template-columns:minmax(0,1fr) 294px;align-items:center;gap:48px;padding:32px 8px 26px;perspective:1800px;position:relative;isolation:isolate}.demo-stage:before{content:'';position:absolute;inset:50px -20px 50px;z-index:-1;background:radial-gradient(ellipse at 70% 65%,#fff0df,transparent 70%);pointer-events:none}.demo-computer{position:relative;min-width:0;perspective:1500px}.model{transform-style:preserve-3d;position:relative;transition:transform .55s cubic-bezier(.2,.8,.3,1)}.demo-monitor{padding:11px 11px 0;background:linear-gradient(135deg,#c0c3c8,#f6f6f7 40%,#bcc0c6);border:1px solid #969ca4;border-radius:17px;transform:rotateY(7deg) rotateX(2deg);box-shadow:1px 1px #eceef1,3px 2px #969ba3,6px 3px #737983,8px 5px #c2c6cb,12px 18px 28px #342d2224}.model-back{position:absolute;inset:0;transform:translateZ(-15px);border-radius:inherit;background:linear-gradient(120deg,#838b96,#e1e4e9);box-shadow:0 15px 25px #3b312526;pointer-events:none}.monitor-screen{background:#fafafa;border:2px solid #373b42;border-radius:7px;overflow:hidden;min-height:330px;color:#25313a;font-family:Arial,sans-serif;position:relative;transform:translateZ(1px)}.pms-title{display:flex;justify-content:space-between;background:#e8edf4;color:#25364a;padding:8px 10px;font-size:12px;font-weight:700}.pms-menu{padding:5px 10px;background:#f5f5f5;border-bottom:1px solid #d0d3d7;font-size:10px}.pms-patient{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #c5cad0;font-size:12px}.pms-patient small{display:block;color:#737a80;font-size:9px;margin-top:3px}.pms-tab{background:#fff;border:1px solid #bcc7d1;padding:5px 8px;border-radius:3px}.pms-content{display:grid;grid-template-columns:minmax(0,1fr) 86px;padding:10px 8px;gap:8px}.pms-side{border-left:1px solid #d9dde0;padding-left:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:10px}.pms-side>span:first-child{font-size:11px;font-weight:700}.pms-side small{font-size:9px;color:#6d7781}.orange{color:#e97b20}.desktop-phone-icon{background:#f88a23;color:#fff;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:36px;line-height:1;transition:box-shadow .2s}.pms-side.is-pending .desktop-phone-icon{box-shadow:0 0 0 5px #ff8c2929}.pms-footer{display:flex;justify-content:space-between;gap:5px;font-size:9px;padding:6px 10px;border-top:1px solid #ccd1d6;background:#f1f2f3;min-height:26px}.monitor-chin{height:26px;display:grid;place-items:center}.monitor-chin i{width:5px;height:5px;border-radius:50%;background:#8a9199}.monitor-neck{height:63px;width:96px;margin:0 auto;background:linear-gradient(90deg,#a9adb4,#e1e3e7 50%,#a3a9b0);clip-path:polygon(24% 0,76% 0,88% 100%,12% 100%)}.monitor-foot{width:200px;height:17px;background:linear-gradient(#dadddf,#a1a7af);margin:0 auto;border-radius:50% 50% 8px 8px;box-shadow:0 10px 12px #38281d1f}.device-label{text-align:center;font-size:13px;line-height:1.55;color:#847568;margin:18px 0 0}.device-label strong{display:block;color:#4a4039;font-size:14px}.device-label span{display:block}.demo-iphone{perspective:1500px;min-width:0}.phone-model{padding:8px;background:linear-gradient(120deg,#c3c7cf,#525861 18%,#1c2027 70%,#aab0b8);border:1px solid #656d77;border-radius:43px;transform:rotateY(-12deg) rotateX(3deg);box-shadow:-2px 1px #c5cbd3,-5px 3px #626b77,-8px 5px #a4abb6,-13px 22px 30px #3527142c}.phone-model .model-back{transform:translateZ(-13px);background:#aab0b9}.phone-side{position:absolute;width:3px;height:36px;background:#a4abb5;right:-4px;top:142px;box-shadow:0 42px #7d8791}.demo-phone-screen{border-radius:34px;background:#fcfcfc;overflow:hidden;position:relative;transform:translateZ(1px);color:#393a3e}.phone-system{height:39px;display:flex;justify-content:space-between;align-items:center;padding:0 19px;font-size:11px;font-weight:650;position:relative}.phone-system i{position:absolute;width:85px;height:24px;background:#121315;border-radius:20px;top:7px;left:50%;transform:translateX(-50%)}.phone-title{display:flex;align-items:center;justify-content:space-between;padding:3px 14px 10px;font-size:13px;border-bottom:1px solid #e5e4e4}.phone-title>span{font-size:24px}.phone-voice{display:flex;align-items:center;gap:7px;padding:8px;background:#f7f7f8;border-bottom:1px solid #e5e5e7}.demo-mic{background:#7d8086;border:0;border-radius:50%;height:32px;width:32px;color:#fff;padding:7px;flex-shrink:0}.demo-mic.is-live{background:#fa8b25;box-shadow:0 0 0 4px #ff8c291a}.demo-mic svg{width:18px;height:18px;fill:currentColor}.demo-mic svg path{fill:none;stroke:currentColor;stroke-width:2}.phone-voice>span{flex:1;min-width:0}.phone-voice strong{display:block;font-size:10px;line-height:1.4}.phone-voice small{display:block;font-size:8px;height:12px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#707177}.phone-voice b{font-size:10px;color:#aa4f0b;background:#fff0df;padding:5px;border-radius:6px}.phone-summary{display:flex;justify-content:space-between;padding:9px 12px;font-size:8px;color:#818386;border-bottom:1px solid #eee}.phone-summary strong{display:block;font-size:11px;color:#6b6f73}.phone-linked{align-self:center;color:#578763}.phone-chart-wrap{padding:10px 8px 2px;min-height:206px}.chart-band{font-size:8px;font-weight:650;letter-spacing:.12em;margin:3px 0 5px;color:#7a7e82}.probing-grid{display:grid;grid-template-columns:24px repeat(16,minmax(0,1fr));font-size:9px;width:100%;border-top:1px solid #bac0c5;border-left:1px solid #bac0c5;margin-bottom:11px}.probing-grid .cell{min-width:0;display:flex;align-items:center;justify-content:center;border-right:1px solid #bac0c5;border-bottom:1px solid #bac0c5;height:21px}.probing-grid .tooth-id{background:#e5e7e9;font-weight:700}.probing-grid .row-title{font-size:8px;background:#f0f1f2;color:#626c76}.probing-grid .tooth-values{display:grid;grid-template-columns:repeat(3,1fr);height:24px;padding:0}.probing-grid .depth{border:0;background:none;padding:0;color:#287944;font-size:8px;line-height:22px;text-align:center;min-width:0;border-radius:0}.probing-grid .depth.is-cursor{box-shadow:inset 0 0 0 1.5px #ed8a32;background:#fff3dd}.phone-chart-wrap .probing-grid{grid-template-columns:22px repeat(8,minmax(0,1fr));font-size:9px;border-color:#e3e3e5}.phone-chart-wrap .probing-grid .cell{border-color:#e3e3e5;height:24px}.phone-chart-wrap .probing-grid .tooth-id{background:#f1f1f3}.phone-chart-wrap .depth{font-size:9px;height:25px;line-height:25px}.phone-chart-wrap .depth:hover{background:#ffeddb}.phone-position{padding:3px 10px 8px;text-align:center;font-size:9px;color:#76716d}.phone-keypad{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:0 9px 8px}.phone-keypad button{border:1px solid #e3e5e3;background:#edf5ee;color:#2f7e44;border-radius:10px;height:44px;font-size:17px;font-weight:650;padding:0}.phone-keypad button:nth-child(n+4){color:#9e590a;background:#fff4e3;border-color:#f5ddbc}.phone-keypad button:nth-child(n+6){color:#a4473c;background:#fcf0ee;border-color:#eed7d2}.phone-keypad button:active{background:#ffd8af!important}.phone-actions{display:flex;gap:4px;justify-content:center;padding:4px 7px 10px}.phone-actions button{border:0;background:#ededee;color:#666269;font-size:9px;border-radius:10px;padding:7px 8px}.phone-actions button[aria-pressed=true]{background:#ff8c29;color:#552702}.phone-home{width:90px;height:4px;border-radius:6px;margin:8px auto;background:#1b1d21}.demo-stage.is-flat .model{transform:none}.demo-try{display:grid;grid-template-columns:1fr auto;gap:12px 32px;padding:24px 28px;border:1px solid #e8ddd3;border-radius:22px;background:#fffdfa;margin-top:20px}.demo-try h2{font-size:21px;margin:0 0 6px;letter-spacing:-.025em}.demo-try p{font-size:14px;margin:4px 0;color:#7a6b60}.demo-try .demo-small{font-size:12px;margin-top:10px;max-width:450px}.demo-try-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:390px}.demo-try-actions .btn{font-size:13px;padding:12px 17px}.demo-text-button{background:none;border:0;color:#98521e;font-size:12px;text-decoration:underline;padding:8px}.demo-status{grid-column:1/-1;min-height:23px;color:#685344!important;font-size:13px!important;margin:3px 0 0!important}.demo-note{color:#8a7b70;font-size:11px;line-height:1.6;text-align:center;max-width:850px;margin:18px auto 0}.demo-note a{color:#905225}.monitor-screen[data-pms=dentrix] .pms-title{background:#315975;color:white}.monitor-screen[data-pms=dentrix] .pms-menu{background:#e0e8ed}.monitor-screen[data-pms=dentrix] .pms-tab{color:white;background:#527b93;border-color:#527b93}.monitor-screen[data-pms=dentrix] .tooth-id{background:#d6e0e7;color:#274f68}.monitor-screen[data-pms=dentrix] .probing-grid{border-color:#929faa}.monitor-screen[data-pms=dentrix] .depth{color:#333}.monitor-screen[data-pms=dentrix] .pms-patient{background:#eef2f6}.demo-page button:disabled{opacity:.55;cursor:wait}
@media(max-width:1000px){.demo-stage{grid-template-columns:minmax(0,1fr) 270px;gap:24px}.demo-page{padding-left:22px;padding-right:22px}.pms-side{display:none}.pms-content{grid-template-columns:1fr}.monitor-screen{min-height:300px}.demo-try{grid-template-columns:1fr}.demo-try-actions{max-width:none;justify-content:flex-start}}
@media(max-width:760px){.demo-stage:before{left:0;right:0}.demo-page{padding:32px 16px}.demo-heading p{font-size:15px}.demo-toolbar{flex-wrap:wrap;justify-content:center}.demo-stage{grid-template-columns:1fr;padding-top:18px;gap:30px}.demo-iphone{grid-row:1;width:294px;justify-self:center}.demo-computer{width:100%;max-width:650px;justify-self:center}.demo-monitor{transform:rotateX(2deg);padding:7px 7px 0}.phone-model{transform:rotateY(-8deg)}.monitor-screen{min-height:0}.pms-content{padding:5px}.probing-grid{font-size:8px;grid-template-columns:19px repeat(16,minmax(0,1fr))}.probing-grid .depth{font-size:6px}.probing-grid .cell{height:18px}.monitor-neck{height:42px;width:74px}.monitor-foot{width:170px}.pms-footer{font-size:8px}.demo-try{padding:21px 18px}.demo-try-actions{gap:7px}.demo-options button{padding:8px 12px}.demo-tabs button{padding:9px 17px}.demo-note{text-align:left}}
@media(prefers-reduced-motion:reduce){.model{transition:none;transform:none!important}.demo-mic{box-shadow:none}.demo-stage{perspective:none}}