/* Business telephony: device illustration, call routes and project information. */
.tel-page{background:#f7f8f2;color:#293f24}
.tel-page main h1,.tel-page main h2,.tel-page main h3{font-family:Manrope,sans-serif}
.tel-page main h2{font-size:clamp(34px,3.6vw,49px);line-height:1.16;letter-spacing:-2px;font-weight:550;margin:0 0 23px}
.tel-page main h2>span{color:#64883e}
.tel-page .eyebrow.dark{font-size:11px;letter-spacing:1.1px;color:#667c54;line-height:1.7}
.tel-intro{padding-top:30px;padding-bottom:60px;background:radial-gradient(ellipse at 85% 55%,#d7e6ce99,transparent 60%),#f2f4ec}
.tel-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-top:45px}
.tel-intro h1{font-size:clamp(43px,4.7vw,69px);line-height:1.09;letter-spacing:-3px;font-weight:600;margin:20px 0 28px}
.tel-intro h1>span{color:#5a842f}
.tel-lead,.tel-body{font-size:17px;line-height:1.9;color:#566e49;max-width:540px}
.tel-lead{margin:0 0 27px}
.tel-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.tel-actions .button{font-size:15px;padding:17px 20px}.tel-actions .button>span{margin-left:16px}.tel-actions .text-link{font-size:14px}
.tel-trust{list-style:none;padding:0;margin:27px 0 0;display:flex;gap:10px 17px;flex-wrap:wrap;font-size:14px;line-height:1.8;color:#637b51}
.tel-trust li:before{content:'✓';color:#7d9c59;font-size:12px;margin-right:6px}
.tel-hero-demo{margin:0;min-width:0;--tel-progress:1}
.tel-device-scene{position:relative;width:100%;aspect-ratio:500/420;isolation:isolate}
.tel-device-art{display:contents}
.tel-body-art-frame{display:contents}
.tel-device-scene:before{content:'';position:absolute;inset:12% 5% 6%;background:radial-gradient(ellipse,#c6dcbf77,transparent 70%);border-radius:50%;z-index:-1}
.tel-device-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a4bea0;stroke-width:1;stroke-dasharray:4 6;opacity:.55}
.tel-softphone{position:absolute;left:29%;top:4%;width:66%;height:61%;background:#f7faf2;border:1px solid #fff;border-radius:12px;overflow:hidden;box-shadow:3px 5px 0 #b6ccb4,0 22px 32px #3d685522;transform:perspective(900px) rotateY(-7deg) rotateX(3deg) rotateZ(5deg);transition:transform .55s,box-shadow .55s}
.tel-window-top{display:flex;align-items:center;gap:4px;height:12%;padding:0 11px;background:#e8f0e3;border-bottom:1px solid #d6e2ce}
.tel-window-top i{height:4px;width:4px;border-radius:50%;background:#b2c4a5}.tel-window-top>span{font-size:8px;flex:1;text-align:right;color:#8fa082}
.tel-soft-header{padding:6% 7% 3%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7c9370}.tel-soft-header i{font-size:7px;font-style:normal;color:#a1b584}
.tel-soft-caller{display:flex;gap:10px;align-items:center;padding:6% 8% 4%}
.tel-soft-caller>span{height:36px;width:36px;flex-shrink:0;background:#e1ebd4;border-radius:50%;color:#7d9a55;display:grid;place-items:center;font-size:17px}
.tel-soft-caller strong{font-size:12px;display:block;color:#5b7950;font-weight:550;line-height:1.5}
.tel-soft-caller small{font-size:8px;display:block;color:#9aaa8a;margin-top:4px}
.tel-soft-wave,.tel-mobile-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:20px;margin:3% 0 4%}
.tel-soft-wave i,.tel-mobile-wave i{display:block;width:3px;height:7px;background:#9cba89;border-radius:2px;transition:background .4s,transform .6s}
.tel-soft-wave i:nth-child(2n),.tel-mobile-wave i:nth-child(2n){height:15px}.tel-soft-wave i:nth-child(3n),.tel-mobile-wave i:nth-child(3n){height:11px}
.tel-soft-controls{display:flex;align-items:center;justify-content:center;gap:14px}
.tel-soft-controls>span{width:24px;height:24px;border-radius:50%;background:#e9f0e2;color:#a2b292;display:grid;place-items:center;font-size:15px}.tel-soft-controls>b{width:31px;height:31px;border-radius:50%;background:#bddb91;display:grid;place-items:center;color:#55733d;font-weight:400;font-size:20px}
.tel-soft-label{display:block;text-align:center;font-size:7px;color:#a0af92;margin-top:5%}
.tel-desk-phone{position:absolute;left:-3%;bottom:8%;width:73%;height:auto;filter:drop-shadow(0 22px 18px #31564327);transform:perspective(900px) rotateY(-9deg) rotateZ(-7deg);transition:transform .55s}
.tel-mobile{position:absolute;right:0;top:40%;width:22%;height:48%;background:#f5f8ef;border:5px solid #42644a;border-radius:18px;box-shadow:3px 4px 0 #b0c2a2,0 15px 24px #36553721;display:flex;flex-direction:column;align-items:center;transform:rotate(9deg);overflow:hidden;transition:transform .55s}
.tel-mobile-notch{width:26px;height:5px;position:absolute;top:4px;background:#42644a;border-radius:4px}
.tel-mobile>span{font-size:7px;margin-top:24%;color:#98a78c}.tel-mobile>i{font-style:normal;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dce8cd;color:#95ab77;font-size:12px;margin-top:12%}
.tel-mobile>strong{font-size:9px;line-height:1.3;text-align:center;font-weight:500;color:#6a8157;margin:9% 0 4%}.tel-mobile-wave{height:15px;margin:3% 0 8%;gap:3px}.tel-mobile-wave i{width:2px;height:5px}.tel-mobile-wave i:nth-child(2n){height:11px}
.tel-mobile>b{height:22px;width:22px;border-radius:50%;background:#c5df9f;display:grid;place-items:center;font-weight:400;font-size:16px;color:#73904b}
.tel-call-badge{position:absolute;left:10%;bottom:0;display:flex;gap:9px;align-items:center;padding:11px 14px;background:#f7fbf0;border:1px solid #fff;border-radius:9px;box-shadow:0 8px 20px #35624414;transform:rotate(-3deg)}
.tel-call-badge>span{height:28px;width:28px;border-radius:50%;display:grid;place-items:center;background:#dcebc5;color:#7e9d54;font-size:20px}.tel-call-badge small{display:block;font-size:6px;letter-spacing:.6px;color:#a0b18d;margin-bottom:5px}.tel-call-badge strong{font-size:10px;color:#65824d;font-weight:500}
.tel-hero-demo figcaption{padding:28px 3% 0}
.tel-animation-status{display:flex;align-items:center;gap:8px;line-height:1.7;font-size:14px;color:#57773b}
.tel-animation-status>span{height:6px;width:6px;background:#88a461;border-radius:50%;flex-shrink:0}.tel-animation-status strong{font-weight:500}
.tel-hero-phases{list-style:none;padding:0;margin:17px 0 0;display:flex;justify-content:space-between;gap:8px;color:#60764d;font-size:11px;line-height:1.6}.tel-hero-phases li.is-current{color:#4f742f;font-weight:550}
.tel-progress{height:2px;background:#d3e0c5;overflow:hidden;border-radius:2px;margin:13px 0 12px}.tel-progress>span{display:block;height:100%;background:#7f9e55;transform:scaleX(var(--tel-progress,1));transform-origin:left}
.tel-caption-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#60764d;line-height:1.8}
.tel-page button[data-phone-toggle],.tel-page button[data-phone-restart]{font-family:inherit;font-size:12px;color:#66834c;background:transparent;border:0;padding:4px 0;cursor:pointer}.tel-page button[hidden]{display:none}
.tel-hero-demo[data-phase="0"] .tel-softphone{box-shadow:3px 5px 0 #b6ccb4,0 22px 32px #3d685522}
.tel-hero-demo[data-phase="1"] .tel-soft-wave i{background:#6c9b74;transform:scaleY(1.25)}
.tel-hero-demo[data-phase="2"] .tel-device-lines,.tel-hero-demo[data-phase="3"] .tel-device-lines{opacity:1;stroke:#89aa6b}
.tel-hero-demo[data-phase="3"] .tel-soft-controls>b,.tel-hero-demo[data-phase="3"] .tel-mobile>b{background:#a9cc74}
@media(hover:hover) and (pointer:fine){.tel-device-scene:hover .tel-softphone{transform:perspective(900px) rotateY(0) rotateX(0) rotateZ(0)}.tel-device-scene:hover .tel-desk-phone{transform:perspective(900px) rotateY(0) rotateZ(-2deg)}.tel-device-scene:hover .tel-mobile{transform:rotate(2deg)}}
.tel-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:38px}.tel-section-head h2{margin-bottom:0!important}.tel-section-head>p{max-width:370px;font-size:17px;line-height:1.9;color:#5d7350;margin:0}
.tel-capabilities{background:#f8f9f3}
.tel-capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.tel-capability-grid article{border:1px solid #d9e2cd;border-radius:17px;background:#fdfef9;overflow:hidden;transition:border-color .3s,box-shadow .3s}.tel-capability-grid article:hover{border-color:#a8bd93;box-shadow:0 12px 28px #34512110}
.tel-capability-grid article>div:last-child{padding:30px}
.tel-capability-grid h3{font-size:28px;line-height:1.23;font-weight:550;letter-spacing:-.9px;margin:0 0 19px}
.tel-capability-grid article p:not(.eyebrow){font-size:17px;line-height:1.85;color:#5c724e;margin:0 0 22px}
.tel-capability-grid .eyebrow{font-size:10px!important}
.tel-capability-grid ul{list-style:none;padding:0;margin:0;border-top:1px solid #dfe7d6}.tel-capability-grid li{font-size:15px;line-height:1.8;padding:12px 0 0 20px;position:relative;color:#6c815c}.tel-capability-grid li:before{content:'✓';font-size:12px;position:absolute;left:0;color:#92aa73}
.tel-card-art{height:160px;position:relative;display:flex;align-items:center;justify-content:center;gap:25px;padding:25px;background:#e2eee4;overflow:hidden}
.tel-art-devices{background:#e1ece5}.tel-art-menu{background:#e8eedc;flex-direction:column;gap:16px}.tel-art-queue{background:#e5edf2}.tel-art-insights{background:#eaeaf2}
.tel-art-monitor{position:relative;width:140px;height:88px;border:5px solid #719083;background:#f7fcf5;border-radius:7px;transform:rotate(-5deg);display:grid;place-items:center}.tel-art-monitor:after{content:'';position:absolute;bottom:-14px;width:45px;height:9px;background:#a8bfb0;border-radius:0 0 3px 3px}.tel-art-monitor i{position:absolute;top:9px;width:33px;height:3px;background:#c7d9c1}.tel-art-monitor b{font-size:24px;color:#8bae73;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e0edcd;font-weight:400}
.tel-art-handset{font-size:48px;color:#8aac96;filter:drop-shadow(1px 5px 0 #c2d2c7);transform:rotate(7deg)}
.tel-art-app{width:43px;height:84px;border:3px solid #90a58b;border-radius:8px;background:#f6faef;display:grid;place-items:center;transform:rotate(9deg)}.tel-art-app b{font-size:16px;color:#85a263;font-weight:400}.tel-art-app i{position:absolute;top:7px;height:3px;width:15px;background:#c2d4b0}
.tel-art-menu>span{font-size:11px;color:#7c965b}.tel-art-menu>div{display:flex;gap:9px}.tel-art-menu b{display:flex;gap:6px;align-items:center;padding:10px;border:1px solid #fff;background:#f8fbf2;border-radius:6px;box-shadow:0 4px 0 #cfddbf;font-size:13px;color:#8fa96a;font-weight:500}.tel-art-menu i{font-size:9px;font-style:normal;color:#9aad87}
.tel-queue-avatar{height:48px;width:48px;background:#f7fbfc;border:1px solid #fff;box-shadow:0 5px 0 #c6d6de;display:grid;place-items:center;border-radius:50%;color:#8fa8b6;font-size:22px}.tel-queue-path{display:flex;gap:15px;align-items:center}.tel-queue-path>i{width:50px;border-top:1px dashed #b2c7cf}.tel-queue-path>span{font-size:11px;color:#8fa6b2;background:#f8fcfd;padding:12px;border-radius:6px;border:1px solid #fff}.tel-queue-path>b{font-size:23px;color:#9db1bc;font-weight:400}
.tel-mini-report{width:175px;background:#f8f8fc;border:1px solid #fff;border-radius:8px;padding:15px;box-shadow:3px 5px 0 #c5c8d8;transform:rotate(-5deg)}.tel-mini-report>span{font-size:9px;color:#939bb1}.tel-mini-report>div{height:51px;display:flex;align-items:flex-end;gap:11px;padding-top:10px;border-bottom:1px solid #dce0e9}.tel-mini-report i{flex:1;height:50%;background:#c2c8dc;border-radius:2px 2px 0 0}.tel-mini-report i:nth-child(2){height:90%}.tel-mini-report i:nth-child(3){height:65%}.tel-mini-report i:nth-child(4){height:80%;background:#aabd8c}.tel-mini-report i:nth-child(5){height:60%}.tel-art-insights>b{width:40px;height:40px;border-radius:50%;background:#f8f9fc;border:1px solid #fff;color:#a0acc6;display:grid;place-items:center;font-size:23px;font-weight:400}
.tel-scope-note{font-size:13px;line-height:1.9;color:#5d754a;margin:25px 0 0}
.tel-voice{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;background:#e7eee0}.tel-voice .tel-body{margin:0 0 22px}
.tel-voice-types{list-style:none;padding:0;margin:27px 0 0;display:flex;gap:8px;flex-wrap:wrap}.tel-voice-types li{font-size:13px;color:#7e9663;border:1px solid #c6d7b4;border-radius:6px;padding:8px 11px;background:#f1f6e9}
.tel-voice-sample{margin:0;padding:38px;border:1px solid #fff;background:#f7faf2;border-radius:17px;box-shadow:0 14px 25px #4062360f;transform:rotate(2deg)}
.tel-voice-wave{display:flex;align-items:center;gap:7px;height:48px;margin-bottom:25px}.tel-voice-wave i{height:15px;width:4px;border-radius:3px;background:#a9c082}.tel-voice-wave i:nth-child(2n){height:33px}.tel-voice-wave i:nth-child(3n){height:44px}.tel-voice-wave i:nth-child(5n){height:25px}
.tel-voice-sample blockquote{font-size:25px;line-height:1.5;letter-spacing:-.7px;color:#65824c;margin:0 0 25px;font-family:Manrope,sans-serif;font-weight:500}.tel-voice-sample figcaption{font-size:12px;line-height:1.8;color:#60764d;border-top:1px solid #dee8d1;padding-top:18px}
.tel-route-example{background:#f8f9f3;scroll-margin-top:25px}.tel-route-demo{--tel-progress:1}
.tel-scenario-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px}.tel-scenario-buttons button{font-family:inherit;font-size:14px;border:1px solid #cdddbe;background:#edf3e6;color:#526b40;border-radius:24px;padding:13px 19px;cursor:pointer;line-height:1.5}.tel-scenario-buttons button[aria-pressed=true]{background:#3d5e2e;color:#f2f8e8;border-color:#3d5e2e}
.tel-route-panel{background:#f2f6eb;border:1px solid #d7e3ca;border-radius:17px;padding:30px}
.tel-route-top{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #d4e1c7;padding-bottom:25px}.tel-route-top>span{font-size:10px;letter-spacing:1px;color:#60764d}.tel-route-top strong{font-size:14px;color:#526b40;font-weight:500}
.tel-route-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;list-style:none;padding:30px 0;margin:0}
.tel-route-nodes li{position:relative;border-top:2px solid #d8e5cc;padding-top:15px;transition:border-color .4s}.tel-route-nodes li.is-current{border-color:#799f51}.tel-route-nodes li.is-complete{border-color:#a5bd87}
.tel-node-number{display:block;font-size:11px;color:#60764d}.tel-node-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #c1d4aa;border-radius:50%;color:#90ad69;background:#e7efdc;font-size:22px;margin:18px 0;transition:background .4s,color .4s}.is-current .tel-node-icon{background:#617f42;color:#f0f7e6;border-color:#617f42}
.tel-route-nodes h3{font-size:20px;line-height:1.25;letter-spacing:-.5px;font-weight:550;margin:0 0 15px;color:#55743e}.tel-route-nodes p{font-size:15px;line-height:1.85;color:#536b43;margin:0;min-height:110px}
.tel-route-result{display:flex;align-items:center;gap:12px;border-top:1px solid #d4e1c7;padding-top:22px;color:#526f3a;font-size:16px;line-height:1.6}.tel-route-result>span{width:28px;height:28px;background:#e2eccf;border-radius:50%;display:grid;place-items:center;font-size:20px}.tel-route-result strong{font-weight:500}
.tel-route-controls{display:flex;align-items:center;justify-content:space-between;gap:25px}.tel-route-controls>p{font-size:12px;line-height:1.8;color:#60764d;margin:0}.tel-route-controls>div{display:flex;gap:20px;flex-shrink:0}.tel-route-license{font-size:12px;line-height:1.8;color:#60764d;margin:15px 0 0}
.tel-extensions{background:#eaf0e2}.tel-extension-list{display:grid;grid-template-columns:1fr 1fr;gap:30px 50px}.tel-extension-list article{display:flex;gap:17px;border-top:1px solid #bdcfaa;padding-top:23px}.tel-extension-list article>span{font-size:12px;color:#93ad77;margin-top:5px}.tel-extension-list h3{font-size:23px;line-height:1.3;font-weight:550;letter-spacing:-.7px;margin:0 0 15px}.tel-extension-list p{font-size:16px;line-height:1.85;color:#647f50;margin:0}
.tel-ai{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;background:#f8f9f3}.tel-roadmap-badge{display:inline-block;font-size:10px;letter-spacing:1px;color:#60764d;padding:8px 13px;background:#ebf1e1;border:1px solid #d5e0c6;border-radius:20px;margin:0 0 23px}.tel-ai .tel-body{margin:0 0 22px}.tel-ai .text-link{margin-top:8px}
.tel-ai-visual{position:relative;min-height:310px;display:flex;align-items:center;justify-content:center;isolation:isolate;flex-direction:column;gap:25px}.tel-ai-visual:before{content:'';position:absolute;width:260px;height:260px;border:1px solid #d9e5cb;border-radius:50%;background:radial-gradient(ellipse,#e2ebd4,transparent 70%);z-index:-1}.tel-ai-orb{width:105px;height:105px;border-radius:30px;background:linear-gradient(135deg,#e8f2d6,#b1cb8c);border:1px solid #f4faea;box-shadow:4px 5px 0 #97ae79,0 20px 30px #4a702b1a;transform:rotate(-8deg);display:grid;place-items:center;font-size:52px;color:#f9fff0;font-weight:400}.tel-ai-message{display:flex;gap:9px;align-items:center;padding:15px 18px;background:#f5f9ef;border:1px solid #e0e9d5;border-radius:9px;transform:rotate(3deg);box-shadow:0 9px 20px #42612b0c}.tel-ai-message>i{width:5px;height:5px;border-radius:50%;background:#a5bd83}.tel-ai-message>span{font-size:12px;color:#8ba26f}.tel-ai-bars{display:flex;gap:5px;align-items:center;height:22px}.tel-ai-bars i{width:3px;height:8px;background:#c0d3a1;border-radius:2px}.tel-ai-bars i:nth-child(2n){height:20px}.tel-ai-bars i:nth-child(3n){height:13px}
.tel-process{background:#edf2e5}.tel-process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;list-style:none;padding:0;margin:0}.tel-process-list li{border-top:1px solid #c1d2ad;padding-top:23px}.tel-process-list li>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e2ebd3;color:#89a464;font-size:14px;margin-bottom:25px}.tel-process-list h3{font-size:21px;line-height:1.3;font-weight:550;letter-spacing:-.6px;margin:0 0 16px}.tel-process-list p{font-size:16px;line-height:1.85;color:#637d50;margin:0}
.tel-costs{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;background:#f8f9f3}.tel-costs .tel-body{margin:0 0 27px}.tel-cost-list article{border-top:1px solid #cfddc1;padding:25px 0}.tel-cost-list article:first-child{border:0;padding-top:0}.tel-cost-list article:last-child{padding-bottom:0}.tel-cost-list h3{font-size:21px;letter-spacing:-.6px;font-weight:550;margin:0 0 14px;line-height:1.3}.tel-cost-list p{font-size:16px;line-height:1.9;color:#637e50;margin:0}
.tel-faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;background:#eaf0e3}.tel-faq .tel-body{max-width:370px}.tel-faq .faq-list{min-width:0}.tel-faq .faq-list summary{font-size:17px;line-height:1.65;color:#4b6c36}.tel-faq .faq-list details>p{font-size:16px;line-height:1.9;color:#647e51}
.tel-final p:not(.eyebrow){max-width:600px;font-size:17px;line-height:1.85}.tel-final h2{color:#f2f7e9}.tel-final h2>span{color:#bddb8e!important}
@media(max-width:1050px) and (min-width:761px){.tel-intro-grid{gap:30px}.tel-intro h1{font-size:48px;letter-spacing:-2px}.tel-soft-caller strong{font-size:10px}.tel-soft-caller>span{height:29px;width:29px;font-size:14px}.tel-soft-header{font-size:9px}.tel-soft-header i{font-size:6px}.tel-soft-wave{height:17px;gap:3px;margin:2% 0 3%}.tel-soft-wave i{height:5px}.tel-soft-wave i:nth-child(2n){height:12px}.tel-soft-controls>b{width:27px;height:27px;font-size:18px}.tel-mobile{border-width:4px;border-radius:16px}.tel-mobile>span{font-size:6px}.tel-mobile>strong{font-size:8px}.tel-mobile>i{width:21px;height:21px;font-size:10px}.tel-mobile-wave{margin-bottom:5%}.tel-section-head{gap:35px}.tel-section-head>p{max-width:310px}.tel-capability-grid article>div:last-child{padding:25px}.tel-capability-grid h3{font-size:25px}.tel-voice,.tel-ai,.tel-costs,.tel-faq{gap:40px}.tel-voice-sample{padding:28px}.tel-voice-sample blockquote{font-size:22px}.tel-route-panel{padding:25px}.tel-route-nodes{gap:18px}.tel-route-nodes h3{font-size:18px}.tel-route-nodes p{font-size:15px}.tel-process-list{gap:20px}.tel-process-list h3{font-size:19px}}
@media(max-width:760px){.tel-page main h2{font-size:35px;letter-spacing:-1.5px}.tel-intro{padding-top:23px;padding-bottom:38px}.tel-intro-grid{grid-template-columns:1fr;gap:35px;padding-top:30px}.tel-intro h1{font-size:clamp(42px,10vw,65px);letter-spacing:-2px;margin:16px 0 24px}.tel-lead,.tel-body{font-size:17px;line-height:1.85}.tel-actions{gap:20px}.tel-trust{font-size:14px;gap:8px 15px}.tel-hero-demo{width:100%;max-width:460px;justify-self:center}.tel-softphone{border-radius:10px}.tel-soft-caller{gap:7px;padding-top:5%}.tel-soft-caller>span{height:26px;width:26px;font-size:13px}.tel-soft-caller strong{font-size:9px}.tel-soft-caller small{font-size:7px}.tel-window-top>span{font-size:7px}.tel-soft-header{font-size:8px}.tel-soft-header i{font-size:6px}.tel-soft-wave{height:15px;gap:3px;margin:3% 0}.tel-soft-wave i{width:2px;height:5px}.tel-soft-wave i:nth-child(2n){height:11px}.tel-soft-controls{gap:11px}.tel-soft-controls>span{width:20px;height:20px;font-size:13px}.tel-soft-controls>b{width:25px;height:25px;font-size:17px}.tel-soft-label{font-size:6px}.tel-mobile{border-width:4px;border-radius:14px}.tel-mobile-notch{height:4px;width:21px}.tel-mobile>span{font-size:6px}.tel-mobile>i{height:20px;width:20px;font-size:10px}.tel-mobile>strong{font-size:7px}.tel-mobile-wave{gap:2px;height:10px;margin-bottom:8%}.tel-mobile-wave i{width:2px}.tel-mobile-wave i:nth-child(2n){height:8px}.tel-mobile>b{width:18px;height:18px;font-size:13px}.tel-call-badge{padding:9px 11px;gap:8px}.tel-call-badge strong{font-size:9px}.tel-call-badge small{font-size:5px}.tel-call-badge>span{height:24px;width:24px;font-size:17px}.tel-hero-demo figcaption{padding:25px 0 0}.tel-hero-phases{font-size:10px;gap:6px}.tel-caption-bottom{font-size:11px}.tel-section-head{display:block;margin-bottom:30px}.tel-section-head>p{max-width:none;margin-top:23px;font-size:17px}.tel-capability-grid{grid-template-columns:1fr;gap:24px}.tel-capability-grid article>div:last-child{padding:26px}.tel-capability-grid h3{font-size:27px}.tel-capability-grid article p:not(.eyebrow){font-size:17px}.tel-capability-grid li{font-size:15px}.tel-card-art{height:150px;padding:22px;gap:22px}.tel-art-monitor{width:117px;height:75px}.tel-art-handset{font-size:37px}.tel-art-app{width:36px;height:73px}.tel-art-menu>div{gap:7px}.tel-art-menu b{padding:9px;font-size:12px}.tel-art-menu i{font-size:8px}.tel-queue-path{gap:12px}.tel-queue-path>i{width:35px}.tel-voice{grid-template-columns:1fr;gap:33px}.tel-voice-sample{padding:28px}.tel-voice-sample blockquote{font-size:23px}.tel-voice-wave{gap:6px}.tel-voice-types li{font-size:12px}.tel-scenario-buttons{gap:7px}.tel-scenario-buttons button{padding:10px 14px;font-size:13px}.tel-route-panel{padding:23px}.tel-route-top{display:block;padding-bottom:20px}.tel-route-top>span{font-size:9px}.tel-route-top strong{display:block;font-size:14px;margin-top:12px}.tel-route-nodes{grid-template-columns:1fr;gap:20px;padding-block:23px}.tel-route-nodes li{display:grid;grid-template-columns:27px 1fr;gap:10px;border:0;padding:12px 0 0;border-top:1px solid #d4e1c7}.tel-route-nodes li.is-current{border-color:#9cb77d}.tel-node-number{font-size:11px;grid-column:1;grid-row:1;margin-top:4px}.tel-node-icon{display:none}.tel-route-nodes h3{grid-column:2;grid-row:1;font-size:19px;margin:0}.tel-route-nodes p{grid-column:2;grid-row:2;min-height:0;font-size:15px;margin:0;line-height:1.8}.tel-route-result{font-size:14px;gap:9px}.tel-route-result>span{width:25px;height:25px;font-size:17px;flex-shrink:0}.tel-route-controls{align-items:flex-start;flex-direction:column;gap:10px}.tel-route-controls>p{font-size:12px}.tel-route-license{font-size:12px}.tel-extension-list{grid-template-columns:1fr;gap:25px}.tel-extension-list h3{font-size:23px}.tel-extension-list p{font-size:16px}.tel-ai{grid-template-columns:1fr;gap:25px}.tel-ai-visual{min-height:260px;gap:20px}.tel-ai-visual:before{width:230px;height:230px}.tel-ai-orb{width:85px;height:85px;font-size:43px;border-radius:24px}.tel-ai-message{padding:12px 15px;gap:7px}.tel-ai-message>span{font-size:11px}.tel-process-list{grid-template-columns:1fr 1fr;gap:30px 22px}.tel-process-list h3{font-size:19px}.tel-process-list li>span{margin-bottom:20px}.tel-costs,.tel-faq{grid-template-columns:1fr;gap:33px}.tel-cost-list h3{font-size:21px}.tel-faq .faq-list summary{font-size:16px}.tel-final p:not(.eyebrow){font-size:17px}}
@media(max-width:380px){.tel-intro h1{font-size:40px}.tel-process-list{grid-template-columns:1fr}.tel-capability-grid article>div:last-child{padding:23px}.tel-capability-grid h3{font-size:25px}.tel-soft-caller strong{font-size:8px}.tel-soft-header i{font-size:5px}.tel-soft-caller small{font-size:6px}.tel-soft-label{display:none}.tel-soft-controls>b{width:23px;height:23px}.tel-mobile>i{height:17px;width:17px;margin-top:8%}.tel-mobile>strong{font-size:6px}.tel-mobile-wave{margin-bottom:6%}.tel-animation-status{font-size:13px}.tel-hero-phases{font-size:9px}}
@media(prefers-reduced-motion:reduce){.tel-softphone,.tel-desk-phone,.tel-mobile,.tel-soft-wave i,.tel-mobile-wave i,.tel-capability-grid article,.tel-route-nodes li,.tel-node-icon{transition:none}}

/* Match the first desktop screen, including the navigation. */
.tel-page{--tel-header-height:104px}
@media(max-width:1150px){.tel-page{--tel-header-height:92px}}
@media(max-width:760px){.tel-page{--tel-header-height:78px}}
@media(min-width:761px){
  .tel-intro{display:flex;flex-direction:column;height:calc(100svh - var(--tel-header-height));min-height:0}
  .tel-intro-grid{flex:1;min-height:0}
  .tel-hero-demo{width:min(100%,calc((100svh - 370px)*1.19));justify-self:center}
}
@media(min-width:761px) and (max-height:800px){
  .tel-intro{padding-top:30px;padding-bottom:60px}
  .tel-intro-grid{padding-top:16px;gap:30px;grid-template-columns:1.08fr .92fr}
  .tel-intro .eyebrow{margin-bottom:12px}
  .tel-intro h1{margin:12px 0 20px}
  .tel-lead{line-height:1.75;margin-bottom:22px}
  .tel-actions{gap:14px}
  .tel-trust{margin-top:14px}
  .tel-hero-demo figcaption{padding:14px 0 0}
  .tel-hero-phases{margin-top:10px}
  .tel-hero-demo .tel-progress{margin:9px 0 7px}
}
@media(min-width:761px) and (max-height:640px){
  .tel-intro .eyebrow{margin-bottom:4px}
  .tel-intro h1{margin-top:4px;margin-bottom:14px}
  .tel-lead{margin-bottom:16px}
  .tel-trust{margin-top:10px}
}
/* Let content grow on phones and when a very short window needs scrolling. */
@media(max-width:760px){.tel-intro{min-height:calc(100svh - var(--tel-header-height))}}
@media(min-width:761px) and (max-height:550px){.tel-intro{height:auto;min-height:calc(100svh - var(--tel-header-height))}}
@media(max-height:500px) and (min-width:600px){.tel-page{--tel-header-height:64px}}

/* Scale the complete illustration, keeping its internal proportions intact. */
@media(min-width:761px) and (max-height:800px){
  .tel-hero-demo{width:100%}
  .tel-device-scene{width:min(100%,max(280px,calc((100svh - 370px)*1.19)));margin-inline:auto}
  .tel-device-art{display:block;position:absolute;left:0;top:0;width:500px;height:420px;transform:scale(var(--tel-device-scale,1));transform-origin:top left}
  .tel-hero-phases li{white-space:nowrap}
  .tel-animation-status{min-height:24px}
}
/* Short laptop viewports, including layouts enlarged by display scaling. */
@media(min-width:1151px) and (min-height:480px) and (max-height:560px){
  .tel-intro{height:calc(100svh - var(--tel-header-height));min-height:0;padding-top:12px;padding-bottom:60px}
  .tel-intro-grid{padding-top:8px}
  .tel-intro h1{font-size:clamp(36px,8svh,45px);margin-top:0;margin-bottom:12px;letter-spacing:-2px}
  .tel-lead{line-height:1.65;margin-bottom:14px}
  .tel-actions .button{padding-block:14px}
  .tel-trust{margin-top:8px}
  .tel-hero-demo figcaption{padding-top:8px}
  .tel-device-scene{width:min(100%,260px)}
  .tel-hero-phases{margin-top:6px}
  .tel-hero-demo .tel-progress{margin:7px 0}
}

/* Body sections use natural text flow and reserve room around complete visuals. */
@media(min-width:761px) and (max-height:800px){
  .tel-page main>.section:not(.tel-intro){padding-block:clamp(60px,10svh,80px)}
  .tel-page main>.section:not(.tel-intro) h2{font-size:clamp(34px,5.5svh,43px)}
  .tel-page main>.section:not(.tel-intro) .eyebrow{margin-bottom:16px}
  .tel-section-head{gap:40px;margin-bottom:26px;align-items:center}
  .tel-section-head>p{max-width:420px;line-height:1.8}
  .tel-capability-grid{gap:24px}
  .tel-capability-grid article>div:last-child{padding:26px}
  .tel-capability-grid h3{margin-bottom:16px}
  .tel-capability-grid article p:not(.eyebrow){margin-bottom:18px}
  .tel-voice,.tel-ai,.tel-costs,.tel-faq{gap:clamp(30px,4vw,60px)}
  .tel-voice-sample{--tel-body-art-angle:2deg}
  .tel-extension-list{gap:26px 40px}
  .tel-process-list{gap:22px}
  .tel-cost-list article{padding-block:21px}
  .tel-scenario-buttons{margin-bottom:18px}
  .tel-route-panel{padding:22px}
  .tel-route-top{padding-bottom:16px}
  .tel-route-nodes{padding:20px 0;gap:20px}
  .tel-route-nodes li{display:grid;grid-template-columns:24px 1fr;grid-template-rows:36px auto 1fr;gap:10px;padding-top:12px}
  .tel-node-number{grid-row:1;grid-column:1;align-self:center}
  .tel-node-icon{grid-row:1;grid-column:2;width:36px;height:36px;margin:0;font-size:18px}
  .tel-route-nodes h3{grid-row:2;grid-column:1/-1;margin:0}
  .tel-route-nodes p{grid-row:3;grid-column:1/-1;min-height:5.25em;line-height:1.75}
  .tel-route-result{padding-top:16px}
  .tel-route-controls{flex-wrap:wrap;gap:10px 24px}
  .tel-route-controls>div{margin-left:auto}
}
@media(max-height:800px),(max-width:760px){
  .tel-body-art-frame{display:block;position:relative;min-width:0;width:100%;height:var(--tel-body-art-height,160px)}
  .tel-body-art-frame>*{position:absolute;left:50%;top:50%;width:var(--tel-body-art-width,420px);max-width:none;transform:translate(-50%,-50%) scale(var(--tel-body-art-scale,1)) rotate(var(--tel-body-art-angle,0deg));transform-origin:center}
  .tel-body-art-frame[data-body-art=card]{overflow:hidden;background:var(--tel-body-art-background,#e2eee4)}
  .tel-body-art-frame[data-body-art=card]>.tel-card-art{width:500px;height:160px}
  .tel-body-art-frame[data-body-art=ai]>.tel-ai-visual{height:310px;min-height:310px}
  .tel-body-art-frame[data-body-art=voice]{--tel-body-art-angle:2deg}
}
