.integration-page .int-icon-disc{display:inline-grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:#edf4ff;color:#2468bd}.integration-page .int-panel-heading>.int-icon-disc{margin-left:0}.integration-page .int-waveform{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:38px}.integration-page .int-waveform i{display:block;width:3px;border-radius:3px;background:#5b89c0}.integration-page .int-success{color:#4c7a60}.integration-page .int-scene-connector{display:grid;place-items:center;margin:10px auto;width:30px;height:30px;border:1px solid #dce5e1;border-radius:50%;background:#fff;color:#527599}.integration-page .int-call-scene .int-queue-card{margin-top:0}.integration-page .int-call-scene .int-queue-row{justify-content:space-between}.integration-page .int-ticket-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#536173;padding-top:14px;margin-top:16px;border-top:1px dashed #d9e3e7}.integration-page .int-panel-heading>.int-status{color:#77591a;font-size:10px}.integration-page .int-workflow{position:relative}.integration-page .int-workflow-rail{position:absolute;top:17px;left:18px;right:18px;height:1px;background:#e4eaf0}.integration-page .int-workflow-rail>span{display:block;width:100%;height:100%;background:#7fa8d6}.integration-page .int-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.integration-page .int-workflow-grid>li{position:relative;min-width:0}.integration-page .int-flow-number{display:grid;place-items:center;width:35px;height:35px;border:1px solid #b8cee5;background:white;border-radius:50%;color:#4e7095;font-size:12px;position:relative}.integration-page .int-flow-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:205px;margin-top:24px;padding:22px 16px;border:1px solid #dce5ed;border-radius:12px;background:#f8fafc}.integration-page .int-flow-card>strong{font-size:16px;font-weight:600}.integration-page .int-flow-card>span:not(.int-avatar):not(.int-record-icon){font-size:12px;color:#63768a}.integration-page .int-avatar{display:grid;place-items:center;width:46px;height:46px;margin-bottom:4px;background:#e6ecdd;border-radius:50%;color:#617151;font-size:15px}.integration-page .int-mini-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:6px 10px;background:#eaf1ed;color:#476553;border-radius:5px;font-size:11px}.integration-page .int-mini-status.int-amber{background:#f4ecd9;color:#77591a}.integration-page .int-mini-heading{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#455d77}.integration-page .int-mini-calendar{display:flex;gap:8px;margin-top:12px}.integration-page .int-mini-calendar>span{display:grid;justify-items:center;gap:6px;min-width:43px;padding:7px;border-radius:6px;color:#718093;font-size:10px;border:1px solid #e0e6ed;background:white}.integration-page .int-mini-calendar b{font-size:18px;font-weight:500}.integration-page .int-mini-calendar .int-selected-day{background:#e4eefe;border-color:#adc9ee;color:#235ea9}.integration-page .int-mini-notes{display:grid;gap:16px;margin-top:17px}.integration-page .int-mini-notes li{display:flex;align-items:center;gap:8px;font-size:13px;color:#52657a}.integration-page .int-mini-notes svg{color:#5b876d}.integration-page .int-record-icon{display:grid;place-items:center;width:48px;height:48px;background:#e5eefb;border-radius:11px;color:#416e9f;margin-bottom:7px}.integration-page .int-workflow-grid h3{font-size:19px;margin-top:22px}.integration-page .int-coverage-art{position:relative;align-self:center;min-height:410px;padding:30px;border:1px solid #dce5df;border-radius:16px;background:#edf2ed}.integration-page .int-coverage-clock{position:relative;width:210px;padding:20px;border:1px solid #dae3dc;border-radius:12px;background:#fff;color:#587064}.integration-page .int-coverage-clock>svg{display:inline;margin-right:9px;vertical-align:middle}.integration-page .int-coverage-clock>span{font-size:12px}.integration-page .int-coverage-clock>strong{display:block;margin-top:15px;color:#314b42;font-size:38px;font-weight:400;letter-spacing:-.04em}.integration-page .int-coverage-clock>strong>span{margin-left:5px;font-size:14px;letter-spacing:0}.integration-page .int-clock-dial{position:absolute;right:-90px;top:12px;width:100px;height:100px;background:#f8faf7;border:5px solid #d2ddd2;border-radius:50%}.integration-page .int-clock-dial b,.integration-page .int-clock-dial i{position:absolute;top:45px;left:45px;width:2px;height:29px;background:#577462;border-radius:3px;transform-origin:top center}.integration-page .int-clock-dial b{height:22px;transform:rotate(-15deg);width:3px}.integration-page .int-clock-dial>span{position:absolute;top:42px;left:42px;width:8px;height:8px;border-radius:50%;background:#577462}.integration-page .int-coverage-call{position:relative;display:flex;align-items:center;gap:12px;padding:18px;margin-top:22px;margin-left:22px;background:white;border:1px solid #dce5e0;border-radius:10px;box-shadow:0 9px 22px #304e3908}.integration-page .int-coverage-call strong,.integration-page .int-coverage-ticket strong{display:block;font-size:14px;font-weight:600}.integration-page .int-coverage-call div>span,.integration-page .int-coverage-ticket div>span{display:block;color:#688078;font-size:12px;margin-top:3px}.integration-page .int-coverage-call .int-waveform{margin-left:auto}.integration-page .int-coverage-path{display:flex;align-items:center;height:34px;width:70%;margin-left:auto;color:#91aa98}.integration-page .int-coverage-path>span{flex:1;height:1px;background:#adc3b3}.integration-page .int-coverage-ticket{display:flex;align-items:center;gap:12px;padding:20px;background:#fafcf9;border:1px solid #cfded2;border-radius:10px;color:#50795d}.integration-page .int-coverage-ticket>svg:last-child{margin-left:auto;flex:none}.integration-page .int-agency-visual{align-self:center;padding:20px 0}.integration-page .int-agency-brand{display:flex;flex-direction:column;align-items:center;width:210px;margin-inline:auto;background:white;padding:22px;border:1px solid #d8e2ef;border-radius:12px}.integration-page .int-agency-brand strong{font-size:17px;margin-top:12px;font-weight:600}.integration-page .int-agency-brand>span:last-child{margin-top:6px;font-size:12px;color:#69809a}.integration-page .int-agency-branches{position:relative;height:52px;margin-inline:16%;border-bottom:1px solid #b5cbe5}.integration-page .int-agency-branches>span{position:absolute;width:100%;height:1px;bottom:-1px;background:#7d9dc7}.integration-page .int-agency-branches:before{content:"";position:absolute;top:0;left:50%;height:100%;width:1px;background:#b5cbe5}.integration-page .int-workspace-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.integration-page .int-workspace-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 10px 16px;margin-top:23px;background:#fff;border:1px solid #d8e2ef;border-radius:9px;text-align:center}.integration-page .int-workspace-card:before{content:"";position:absolute;height:24px;width:1px;background:#b5cbe5;left:50%;top:-24px}.integration-page .int-workspace-avatar{display:grid;place-items:center;width:32px;height:32px;background:#e7eff9;border-radius:7px;font-size:11px;color:#466f9e}.integration-page .int-workspace-card:nth-child(2) .int-workspace-avatar{background:#e9efe5;color:#607954}.integration-page .int-workspace-card:nth-child(3) .int-workspace-avatar{background:#f5eddf;color:#8b7451}.integration-page .int-workspace-card strong{font-size:12px;font-weight:600}.integration-page .int-workspace-card>span:last-child{display:flex;align-items:center;justify-content:center;gap:5px;padding-top:11px;width:100%;border-top:1px solid #e7edf4;color:#557664;font-size:10px}@media (max-width:1100px){.integration-page .int-coverage-art{padding:22px}.integration-page .int-coverage-call{margin-left:0;padding:14px}.integration-page .int-coverage-call .int-waveform{display:none}.integration-page .int-workflow-grid{gap:16px}.integration-page .int-workflow-grid h3{font-size:17px}.integration-page .int-clock-dial{right:-55px;width:86px;height:86px}.integration-page .int-clock-dial b,.integration-page .int-clock-dial i{top:38px;left:38px}.integration-page .int-clock-dial>span{top:35px;left:35px}}@media (max-width:800px){.integration-page .int-hero .int-call-scene{min-height:490px}.integration-page .int-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.integration-page .int-workflow-rail{display:none}.integration-page .int-flow-card{margin-top:16px}.integration-page .int-coverage-art{width:100%;max-width:570px;justify-self:center;min-height:390px}.integration-page .int-coverage-call .int-waveform{display:flex}}@media (max-width:540px){.integration-page .int-hero{padding-bottom:50px}.integration-page .int-hero .int-call-scene{min-height:auto;padding-block:24px}.integration-page .int-hero-copy .int-lead{max-width:330px}.integration-page .int-call-card .int-waveform{gap:2px}.integration-page .int-call-card .int-waveform i{width:2px}.integration-page .int-call-card .int-icon-disc{width:30px;height:30px}.integration-page .int-workflow-grid{gap:28px 12px}.integration-page .int-flow-card{padding:16px 8px;min-height:180px;gap:5px}.integration-page .int-mini-calendar{gap:4px}.integration-page .int-mini-calendar>span{min-width:30px;padding:5px 4px}.integration-page .int-mini-heading{font-size:11px;gap:5px}.integration-page .int-mini-status{font-size:9px;padding:5px;gap:4px}.integration-page .int-mini-notes li{font-size:11px;gap:4px}.integration-page .int-workflow-grid h3{font-size:16px;line-height:1.4;margin-top:14px}.integration-page .int-flow-card>strong{font-size:14px}.integration-page .int-flow-card>span:not(.int-avatar):not(.int-record-icon){font-size:10px}.integration-page .int-coverage-clock{width:190px;padding:16px}.integration-page .int-coverage-call .int-waveform{display:none}.integration-page .int-coverage-art{padding:20px 16px;min-height:370px}.integration-page .int-coverage-ticket{padding:16px;gap:8px}.integration-page .int-workspace-list{gap:8px}.integration-page .int-workspace-card{padding-inline:5px}.integration-page .int-workspace-card strong{min-height:34px;font-size:11px;display:grid;align-items:center}.integration-page .int-workspace-card>span:last-child{font-size:9px;gap:2px}}