/* One product at a time. Only the selected view changes; no looping media. */
.ecosystem-showcase .chapter-head{margin-bottom:54px}
.overview-showcase{display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px;align-items:start}
.overview-selector{padding-top:14px}
.renewal .overview-selector-label{font-size:12px;color:#6b7d98;margin:0 0 20px 20px}
.overview-tabs{display:flex;flex-direction:column;gap:8px}
.overview-tabs button{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:24px 19px;border:1px solid transparent;border-radius:14px;background:transparent;color:#526982;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.overview-tab-number{font:500 11px Manrope,sans-serif;align-self:flex-start;padding-top:7px;color:#8b9ab1}
.overview-tab-copy{flex:1;min-width:0}
.overview-tab-copy b{display:block;font:550 25px/1.2 Manrope,sans-serif;letter-spacing:-1px;color:#1a3152}
.overview-tab-copy small{display:block;font-size:12px;line-height:1.5;margin-top:8px;color:#73849e}
.overview-tab-arrow{font-size:21px;color:#91a4c1;transition:transform .25s,color .25s}
.overview-tabs button:hover{background:#f5f8fd}
.overview-tabs button[aria-selected=true]{border-color:#cbdcff;background:#edf3ff;color:#2e69ff}
.overview-tabs button[aria-selected=true] .overview-tab-copy b,.overview-tabs button[aria-selected=true] .overview-tab-number,.overview-tabs button[aria-selected=true] .overview-tab-arrow{color:#235fea}
.overview-tabs button[aria-selected=true] .overview-tab-arrow{transform:rotate(45deg)}
.overview-selector-note{display:flex;gap:16px;padding:28px 20px 0;margin-top:24px;border-top:1px solid #e0e7f2}
.overview-selector-note>span{color:#2e69ff;font-size:28px;line-height:1}
.renewal .overview-selector-note p{font-size:13px;line-height:1.7;color:#6a7d98;margin:0}
.overview-viewer{min-width:0;border:1px solid #dce5f3;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 25px 65px -35px #204b8538}
.overview-toolbar{min-height:53px;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fafcff;border-bottom:1px solid #e6edf8}
.overview-toolbar>span{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.025em;color:#667b9b}
.overview-toolbar>span>i{width:6px;height:6px;border-radius:50%;background:#2e69ff;box-shadow:0 0 0 4px #2e69ff0e}
.overview-toolbar .overview-static-note{font-size:10px;color:#7d8da3}
.overview-pause{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:6px 10px;border:0;border-radius:8px;font-size:11px;background:transparent;color:#516b92;cursor:pointer}
.overview-pause:hover{background:#eaf1ff}.overview-pause:disabled{cursor:default}.overview-pause-icon{width:14px;font-size:13px}
.overview-panel[hidden]{display:none!important}
.overview-panel{animation:overview-enter .42s cubic-bezier(.22,.7,.2,1) both}
.overview-media{position:relative;aspect-ratio:8/5;background:#ecf2fd;overflow:hidden}
.overview-media>video{width:100%;height:100%;display:block;object-fit:contain}
.overview-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;min-height:137px;padding:27px 30px 29px;border-top:1px solid #e7edf6}
.renewal .overview-caption h3{font:600 clamp(20px,1.6vw,25px)/1.25 Manrope,sans-serif;letter-spacing:-.85px;margin:0;color:#183352}
.renewal .overview-caption p{font-size:13px;line-height:1.7;color:#647996;margin:9px 0 0;max-width:480px}
.overview-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 17px;border:1px solid #d3e0f6;border-radius:10px;font-size:12px;font-weight:600;color:#215cdb;white-space:nowrap;transition:background .2s,border-color .2s}
.overview-cta:hover{background:#edf3ff;border-color:#9bbaff}.overview-cta>span{font-size:18px}
/* Hosting: a domain builds into a website, then email and SSL join it. */
.overview-hosting{position:absolute;inset:0;isolation:isolate;background:radial-gradient(ellipse at 80% 60%,#ceddff,transparent 70%),radial-gradient(ellipse at 5% 10%,#e4e0ff,transparent 60%),#edf4ff;container-type:inline-size}
.overview-host-orbit{position:absolute;width:70%;aspect-ratio:1;top:-15%;right:-24%;border:1px solid #ffffffa0;border-radius:50%;box-shadow:0 0 0 40px #ffffff16,0 0 0 80px #ffffff16,0 0 0 120px #ffffff16}
.overview-browser{position:absolute;width:80%;top:10%;left:12%;background:#fff;border:1px solid white;border-radius:2cqw;box-shadow:0 3cqw 7cqw -3cqw #2944786b;transform:perspective(1000px) rotateY(-5deg) rotateZ(-3deg);animation:overview-browser 11s cubic-bezier(.2,.7,.25,1) infinite}
.overview-browser-bar{display:flex;align-items:center;gap:2cqw;padding:1.6cqw 2cqw;background:#f8faff;border-bottom:1px solid #e5ebf5;border-radius:2cqw 2cqw 0 0;color:#8b9dbb;font-size:1.8cqw}
.overview-window-dots{letter-spacing:.35cqw;font-size:1.5cqw;white-space:nowrap}
.overview-browser-bar>div{display:flex;align-items:center;justify-content:center;flex:1;padding:.8cqw;background:white;border:1px solid #e4ebf8;border-radius:.7cqw;font:500 1.7cqw Manrope;color:#335079;height:3.7cqw}
.overview-lock{color:#8ba5c6;margin-right:1cqw}
.overview-domain{display:block;width:15ch;max-width:15ch;overflow:hidden;white-space:nowrap;font-family:monospace;animation:overview-type 11s steps(15,end) infinite}
.overview-browser-bar i{width:1px;height:1.8cqw;background:#2e69ff;margin-left:2px}
.overview-site{padding:2.6cqw 3cqw 4.5cqw;animation:overview-site 11s ease-in-out infinite}
.overview-site-nav{display:flex;justify-content:space-between;align-items:center;gap:2cqw}.overview-site-nav b{font:700 1.6cqw Manrope;color:#173150}.overview-site-nav b>span{color:#2e69ff}.overview-site-nav>span{font-size:.9cqw;color:#8b9bb2}
.overview-site-body{display:grid;grid-template-columns:1.3fr 1fr;gap:2cqw;align-items:center;padding-top:4.2cqw}.overview-site-body small{font-size:.8cqw;letter-spacing:.18em;color:#6481ac}.overview-site-body strong{display:block;font:600 4cqw/1.14 Manrope;letter-spacing:-.18cqw;color:#192e4c;margin:1.4cqw 0 2.2cqw}.overview-site-button{display:inline-flex;gap:2cqw;align-items:center;background:#2e69ff;border-radius:.6cqw;color:white;font-size:.95cqw;padding:1.2cqw 1.5cqw}.overview-site-button i{font-size:1.4cqw;font-style:normal}
.overview-site-art{display:grid;place-items:center;aspect-ratio:1;background:radial-gradient(circle,#e9f1ff,white 70%)}
.overview-globe{position:relative;width:17cqw;aspect-ratio:1;border:1px solid #6f9fff;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 1%,#d7e5ff 36%,#8eaffd 80%);box-shadow:inset -1cqw -1.5cqw 2.5cqw #3678e552,0 2cqw 4cqw #2e69ff22;overflow:hidden}
.overview-globe>i{position:absolute;inset:0 22%;border:1px solid #84a8ef;border-radius:50%}.overview-globe>i:nth-child(2){inset:0 40%}.overview-globe>i:nth-child(3){inset:25% -3%}.overview-globe>i:nth-child(4){inset:40% -3%}
.overview-host-mail{position:absolute;right:6%;bottom:19%;display:flex;align-items:center;gap:1.5cqw;padding:1.6cqw 2cqw;background:#ffffffee;border:1px solid white;border-radius:1.3cqw;box-shadow:0 2cqw 4cqw #314f8530;animation:overview-mail 11s cubic-bezier(.2,.7,.25,1) infinite}
.overview-host-mail>span{font:500 3.4cqw Manrope;color:#2e69ff;width:4.5cqw;height:4.5cqw;display:grid;place-items:center;border-radius:1cqw;background:#edf3ff}.overview-host-mail small{font-size:.8cqw;letter-spacing:.14em;color:#7c8eaa;display:block;margin-bottom:.6cqw}.overview-host-mail b{font:550 1.7cqw Manrope;color:#23456c}.overview-host-mail i{font-style:normal;color:#2e69ff;margin-left:1.5cqw;font-size:1.8cqw}
.overview-host-ssl{position:absolute;left:8%;top:7%;font-size:1.25cqw;display:flex;align-items:center;gap:.8cqw;padding:1.2cqw 1.8cqw;background:white;border:1px solid white;border-radius:99px;box-shadow:0 1cqw 3cqw #274a7b20;color:#537ba6;animation:overview-ssl 11s ease-in-out infinite}.overview-host-ssl>span{color:#2e69ff;font-size:1.5cqw}
.overview-host-word{position:absolute;left:6%;bottom:6%;font:700 8.3cqw/1 Manrope;letter-spacing:-.5cqw;color:#142641}.overview-host-word>span{color:#2e69ff}
.overview-showcase:not(.is-playing) .overview-hosting *{animation-play-state:paused!important}
.overview-showcase.is-motion-disabled .overview-hosting *{animation:none!important}
.ecosystem-showcase .overview-hosting *{animation:none!important}
.api-showcase .api-media>img{display:block;width:100%;height:auto;object-fit:contain}
.service-illustration{position:absolute;inset:0;container-type:inline-size;padding:5.5%;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 75% 0,#f9fbff,transparent 60%),#edf3fc;color:#193654}
.service-illustration-label{font-size:1.1cqw;letter-spacing:.16em;font-weight:600;color:#6182ae;margin-bottom:3.5cqw}
.crm-contact-sheet{background:#fff;border:1px solid #dce6f5;border-radius:1.8cqw;box-shadow:0 2cqw 5cqw -3cqw #244b8a50;overflow:hidden}
.service-sheet-top{display:flex;gap:1.3cqw;align-items:center;padding:1.8cqw 2.5cqw;border-bottom:1px solid #e8edf6;font-size:1.3cqw;font-weight:600;color:#466489}.service-sheet-top img{width:3cqw;height:2.2cqw;object-fit:contain}.service-sheet-top i{font-style:normal;margin-left:auto;letter-spacing:.3cqw;color:#97a8c1}
.crm-contact-body{display:grid;grid-template-columns:.85fr 1.3fr;gap:4cqw;padding:4cqw}
.crm-person{padding-right:3cqw;border-right:1px solid #e2eaf6}.crm-person-icon{display:grid;place-items:center;width:6cqw;height:6cqw;border:1px solid #d1dfff;border-radius:1.5cqw;background:#edf3ff;color:#2e69ff;margin-bottom:2cqw}.crm-person-icon svg{width:3.8cqw;height:3.8cqw}.crm-person>strong{font:550 2.9cqw/1.2 Manrope;letter-spacing:-.1cqw;display:block}.crm-person>span:last-of-type{display:block;font-size:1.2cqw;color:#7487a1;line-height:1.7;margin-top:1.5cqw}.crm-contact-tags{display:flex;gap:.8cqw;margin-top:2cqw}.crm-contact-tags b{font-size:1cqw;font-weight:500;padding:.7cqw 1cqw;background:#f1f5fc;color:#617da3;border-radius:.5cqw}
.crm-next-steps{display:flex;flex-direction:column;justify-content:center;gap:2.8cqw}.crm-next-steps>div{display:flex;gap:1.6cqw;align-items:flex-start}.crm-next-steps>div>span{display:grid;place-items:center;flex:none;width:3cqw;height:3cqw;border-radius:50%;border:1px solid #d4e1f8;color:#2e69ff;font-size:1cqw;background:#f6f9ff}.crm-next-steps small{display:block;font-size:.8cqw;letter-spacing:.1em;color:#8297b3;margin-bottom:.6cqw}.crm-next-steps b{font:600 1.7cqw/1.4 Manrope;display:block;color:#2a466c}.renewal .crm-next-steps p{font-size:1.1cqw;line-height:1.5;margin:.5cqw 0 0;color:#7589a5}
.api-map{display:grid;grid-template-columns:1fr .24fr 1.2fr .24fr 1fr;align-items:center;min-height:28cqw}.api-map-source{display:flex;flex-direction:column;align-items:center;gap:1.2cqw;background:#fff;border:1px solid #d9e4f5;padding:3cqw 1cqw;border-radius:1.5cqw}.api-map-source>span{font:400 3.5cqw monospace;color:#6086c9}.api-map-source>b,.api-map-hub>b{font:600 2cqw Manrope;letter-spacing:-.07cqw}.api-map-source>small,.api-map-hub>small{font-size:1cqw;color:#7e93b0}.api-map-hub{display:flex;flex-direction:column;align-items:center;gap:1.5cqw;position:relative;background:#fff;border:1px solid #b5caff;border-radius:2cqw;padding:4cqw 1cqw;box-shadow:0 2cqw 4cqw -2cqw #2e69ff3b}.api-map-hub img{width:7cqw;height:5cqw;object-fit:contain}.map-connector{height:1px;background:#a5bce4;position:relative}.map-connector:after{content:'';width:.7cqw;height:.7cqw;position:absolute;right:0;top:-.3cqw;border-top:1px solid #769ada;border-right:1px solid #769ada;transform:rotate(45deg)}.map-connector>span{font-size:.8cqw;position:absolute;top:-1.7cqw;left:.4cqw;color:#7d96ba}.api-map-channels{display:flex;flex-direction:column;gap:1.5cqw}.api-map-channels>div{display:flex;align-items:center;gap:1cqw;background:#fff;padding:1.4cqw;border:1px solid #d9e4f5;border-radius:1cqw}.api-map-channels span{display:grid;place-items:center;width:2.5cqw;height:2.5cqw;border-radius:.5cqw;background:#edf3ff;color:#2e69ff;font:600 1.2cqw Manrope}.api-map-channels b{font:500 1.4cqw Manrope}
.service-map-footer{display:flex;justify-content:space-between;gap:2cqw;border-top:1px solid #d9e4f4;padding-top:2.3cqw;margin-top:4cqw;color:#6a84a8;font-size:1.1cqw}
.voip-map{display:grid;grid-template-columns:1fr 1.15fr;gap:9cqw;align-items:center}.voip-number{padding:1cqw 3cqw}.voip-phone-icon{display:grid;place-items:center;width:6cqw;height:6cqw;background:#2e69ff;color:#fff;border-radius:1.8cqw;margin-bottom:2cqw;box-shadow:0 1cqw 2cqw #2e69ff20}.voip-phone-icon svg{width:3cqw;height:3cqw}.voip-number>small{font-size:.85cqw;letter-spacing:.13em;color:#6a85aa}.voip-number>strong{font:550 3.4cqw/1.18 Manrope;letter-spacing:-.13cqw;display:block;margin:1cqw 0 1.5cqw}.voip-number>span:last-child{font-size:1.2cqw;line-height:1.6;color:#6d85a7;display:block}.voip-departments{display:flex;flex-direction:column;gap:1.7cqw;position:relative}.voip-departments:before{content:'';position:absolute;left:-3cqw;top:4cqw;bottom:4cqw;border-left:1px solid #b8cdec}.voip-departments>div{position:relative;display:grid;grid-template-columns:3.4cqw 1fr;gap:.5cqw 1.4cqw;padding:2cqw;background:#fff;border:1px solid #d6e2f3;border-radius:1.2cqw;box-shadow:0 1cqw 2cqw -1cqw #304d7a15}.voip-departments>div:before{content:'';position:absolute;left:-3cqw;top:50%;width:3cqw;height:1px;background:#b8cdec}.voip-departments>div>span{grid-row:span 2;align-self:center;display:grid;place-items:center;width:3.4cqw;height:3.4cqw;background:#edf3ff;border-radius:.8cqw;font:500 1.2cqw Manrope;color:#2e69ff}.voip-departments b{font:600 1.8cqw Manrope}.voip-departments small{font-size:1.1cqw;color:#7e91ab}
@media(max-width:520px){.overview-toolbar .overview-static-note{display:none}.service-illustration{padding:5%}.service-illustration-label{font-size:1.65cqw;margin-bottom:3cqw}.crm-person>strong{font-size:3.4cqw}.crm-person>span:last-of-type{font-size:1.6cqw}.crm-contact-tags b{font-size:1.5cqw}.crm-next-steps b{font-size:2cqw}.crm-next-steps small{font-size:1.2cqw}.renewal .crm-next-steps p{font-size:1.5cqw}.service-sheet-top{font-size:1.8cqw}.service-map-footer{font-size:1.5cqw}.api-map-source>small,.api-map-hub>small{font-size:1.5cqw}.api-map-source>b,.api-map-hub>b{font-size:2.4cqw}.api-map-channels b{font-size:1.8cqw}.voip-number>span:last-child{font-size:1.7cqw}.voip-number>small{font-size:1.3cqw}.voip-departments b{font-size:2.2cqw}.voip-departments small{font-size:1.6cqw}}
@keyframes overview-enter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes overview-type{0%,8%{width:0}24%,94%{width:15ch}100%{width:0}}
@keyframes overview-browser{0%,100%{transform:perspective(1000px) translateY(12px) rotateY(-5deg) rotateZ(-3deg)}25%,85%{transform:perspective(1000px) translateY(0) rotateY(-3deg) rotateZ(-2deg)}}
@keyframes overview-site{0%,20%,100%{opacity:0;transform:translateY(10px)}32%,92%{opacity:1;transform:translateY(0)}}
@keyframes overview-mail{0%,36%,100%{opacity:0;transform:translate(12px,25px) scale(.94)}47%,89%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes overview-ssl{0%,47%,100%{opacity:0;transform:translateY(10px)}58%,91%{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.overview-showcase{grid-template-columns:290px minmax(0,1fr);gap:44px}.overview-tabs button{padding:28px 20px}.overview-tab-copy b{font-size:27px}.overview-tab-copy small{font-size:13px}.overview-caption{padding:29px 34px;min-height:142px}.overview-caption p{font-size:14px}}
@media(max-width:1100px){.overview-showcase{grid-template-columns:225px minmax(0,1fr);gap:25px}.overview-tabs button{gap:10px;padding:22px 14px}.overview-tab-copy b{font-size:22px}.overview-tab-copy small{font-size:11px}.overview-selector-note{padding-left:14px}.overview-caption{grid-template-columns:1fr;gap:17px;padding:23px}.overview-cta{justify-self:start}.overview-toolbar{padding-inline:16px}}
@media(max-width:800px){.ecosystem-showcase .chapter-head{margin-bottom:30px;gap:24px}.overview-showcase{grid-template-columns:1fr;gap:22px}.overview-selector{padding:0}.renewal .overview-selector-label{margin:0 0 14px;font-size:11px}.overview-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.overview-tabs button{padding:16px 8px;gap:6px;justify-content:center;border:1px solid #e0e8f4;border-radius:10px}.overview-tab-copy{flex:none}.overview-tab-copy b{font-size:15px;letter-spacing:-.4px}.overview-tab-copy small,.overview-tab-number,.overview-tab-arrow,.overview-selector-note{display:none}.overview-viewer{border-radius:16px}.overview-caption{grid-template-columns:minmax(0,1fr) auto}.overview-media{aspect-ratio:8/5}.overview-toolbar{min-height:47px}.overview-host-word{font-size:8.3cqw}}
@media(max-width:520px){.overview-tabs{gap:5px}.overview-tabs button{padding:15px 5px}.overview-tab-copy b{font-size:13px;letter-spacing:-.25px}.overview-caption{grid-template-columns:1fr;gap:19px;padding:22px}.renewal .overview-caption h3{font-size:23px;max-width:280px}.renewal .overview-caption p{font-size:13px}.overview-cta{width:100%;font-size:13px;min-height:47px}.overview-toolbar{padding:5px 12px}.overview-toolbar>span{font-size:10px;gap:7px}.overview-pause{font-size:10px;padding:6px}.overview-viewer{box-shadow:0 15px 35px -25px #204b8538}.overview-selector-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.overview-panel,.overview-hosting *{animation:none!important}.overview-tabs button,.overview-tab-arrow,.overview-cta{transition:none}.overview-domain{width:15ch}}
/* Reflow the diagrams on small screens instead of shrinking their text. */
@media(max-width:520px){
 .overview-panel:not(#overview-panel-hosting) .overview-media{aspect-ratio:auto;min-height:335px}
 .service-illustration{position:relative;min-height:335px;padding:20px 15px;container-type:normal}
 .service-illustration-label{font-size:8px;letter-spacing:.08em;margin-bottom:20px}
 .crm-contact-sheet{border-radius:12px}.service-sheet-top{padding:12px;font-size:10px;gap:9px}.service-sheet-top img{width:22px;height:17px}
 .crm-contact-body{grid-template-columns:1fr;padding:15px;gap:17px}
 .crm-person{display:flex;align-items:center;gap:13px;border:0;border-bottom:1px solid #e2eaf6;padding:0 0 14px}
 .crm-person-icon{width:38px;height:38px;border-radius:10px;margin:0;flex:none}.crm-person-icon svg{width:26px;height:26px}
 .crm-person>strong{font-size:17px;letter-spacing:-.5px}.crm-person>span:last-of-type,.crm-contact-tags{display:none}
 .crm-next-steps{gap:15px}.crm-next-steps>div{gap:10px}.crm-next-steps>div>span{width:22px;height:22px;font-size:9px}
 .crm-next-steps small{font-size:8px;margin-bottom:3px;letter-spacing:.03em}.crm-next-steps b{font-size:12px}.renewal .crm-next-steps p{display:none}
 .api-map{grid-template-columns:1fr 12px 1fr 12px 1fr;min-height:205px}.api-map-source{padding:18px 5px;gap:12px;border-radius:9px}.api-map-source>span{font-size:25px}.api-map-source>b,.api-map-hub>b{font-size:11px;letter-spacing:-.3px}.api-map-source>small,.api-map-hub>small{display:none}
 .api-map-hub{padding:25px 5px;gap:15px;border-radius:12px}.api-map-hub img{width:36px;height:26px}.api-map-channels{gap:13px}.api-map-channels>div{padding:13px 5px;border-radius:7px;justify-content:center}.api-map-channels span{display:none}.api-map-channels b{font-size:10px}.map-connector>span{display:none}.map-connector:after{width:4px;height:4px;top:-2px}
 .service-map-footer{font-size:9px;gap:10px;line-height:1.5;margin-top:18px;padding-top:15px}
 .voip-map{grid-template-columns:1fr 1.15fr;gap:22px}.voip-number{padding:0}.voip-phone-icon{width:42px;height:42px;border-radius:12px;margin-bottom:16px}.voip-phone-icon svg{width:24px;height:24px}.voip-number>small{font-size:8px}.voip-number>strong{font-size:22px;letter-spacing:-.8px;margin:8px 0 12px}.voip-number>span:last-child{font-size:10px}.voip-departments{gap:12px}.voip-departments:before{left:-12px;top:24px;bottom:24px}.voip-departments>div{padding:13px 8px;display:block;border-radius:8px}.voip-departments>div:before{left:-12px;width:12px}.voip-departments>div>span{display:none}.voip-departments b{font-size:11px}.voip-departments small{font-size:9px;display:block;margin-top:5px}
}