:root{--red-dark: #BD0000;--red-deep: #820000;--red: #E60000;--white: #FFFFFF;--dark: #333333;--grey: #4A4A4A;--light: #F2F2F2}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--dark);background-color:var(--red-dark);background-image:radial-gradient(circle at 50% 50%,transparent 0 22vmax,rgba(255,255,255,.05) 22vmax calc(22vmax + 2px),transparent calc(22vmax + 2px) 34vmax,rgba(255,255,255,.04) 34vmax calc(34vmax + 2px),transparent calc(34vmax + 2px) 48vmax,rgba(255,255,255,.035) 48vmax calc(48vmax + 2px),transparent calc(48vmax + 2px)),radial-gradient(circle at 92% 8%,rgba(255,255,255,.14) 0 12vmax,transparent 12.1vmax),radial-gradient(circle at 6% 94%,rgba(0,0,0,.18) 0 16vmax,transparent 16.1vmax),radial-gradient(rgba(255,255,255,.12) 1.5px,transparent 2px),linear-gradient(135deg,#FF1A1A 0%,var(--red) 35%,var(--red-dark) 75%,var(--red-deep) 100%);background-size:100% 100%,100% 100%,100% 100%,32px 32px,100% 100%;background-attachment:fixed;background-repeat:no-repeat,no-repeat,no-repeat,repeat,no-repeat}main{max-width:min(1500px,94vw);margin:0 auto;padding:24px 16px 48px;text-align:center}h1{font-size:clamp(1.2rem,3vw,2rem);margin:0 0 16px;color:var(--white);text-shadow:0 2px 8px rgba(0,0,0,.35)}@media(min-width:1800px){h1{font-size:2.4rem}}@media(max-width:600px){main{padding:16px 10px 32px;max-width:100vw}}.logo{display:inline-block;width:1.6em;height:1.6em;vertical-align:middle;margin-right:.4em}#callBtn{background:var(--white);color:var(--red);border:0;border-radius:999px;padding:12px 40px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #0000004d;transition:transform .15s,opacity .2s,background .2s}#callBtn:hover:not(:disabled){transform:translateY(-2px);background:var(--dark);color:var(--white)}#callBtn:disabled{opacity:.5;cursor:not-allowed}.stage{position:relative;width:100%;aspect-ratio:16 / 9;margin-top:24px;min-height:420px;background:#fff;border-radius:22px;box-shadow:0 20px 60px #00000059,0 0 0 6px #ffffff2e}.lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.lines line{stroke:var(--grey);stroke-width:2;stroke-dasharray:6 5;vector-effect:non-scaling-stroke;opacity:.6}.lines line.pool-line{opacity:.4;stroke-dasharray:3 4;transition:stroke-width .3s}.lines line.active,.lines line.pool-line.active{stroke:var(--red);stroke-dasharray:none;stroke-width:3.5;opacity:1}.node{position:absolute;transform:translate(-50%,-50%);background:var(--white);border-radius:14px;padding:8px 10px;box-shadow:0 3px 10px #00000026;border:2px solid transparent;transition:box-shadow .3s,border-color .3s,background .3s,transform .3s;min-width:80px;max-width:18%;z-index:2}.node .title{font-weight:700;font-size:clamp(.6rem,1.4vw,.9rem)}.node .sub{font-size:clamp(.55rem,1.1vw,.75rem);color:var(--grey)}.node .icon{font-size:clamp(1.2rem,3vw,2rem)}.node.ims{border:2px dashed var(--red);background:linear-gradient(#e600000f,#e600000f),var(--white);border-radius:28px;padding:28px 56px 44px;min-width:520px;min-height:270px;max-width:46%;display:flex;flex-direction:column;align-items:center}.node.ims>.title{color:var(--red);font-size:clamp(.8rem,1.8vw,1.2rem)}.node.ims .media-engine{margin-top:0;padding:16px 28px}.network-elements{flex:1;display:flex;align-items:center;justify-content:center;margin-top:8px}.network-elements .media-engine{min-width:260px;text-align:center}.ne-dummy{border:2px solid #bdbdbd;background:var(--light);border-radius:12px;padding:10px 18px;opacity:.85}.ne-dummy .title{color:var(--grey);font-weight:600;font-size:clamp(.55rem,1.2vw,.8rem)}.badge{display:none;margin:3px auto 0;width:fit-content;background:var(--red);color:var(--white);font-size:.7rem;font-weight:700;padding:1px 8px;border-radius:999px}.node.agent.active .badge{display:block}.node .role{font-size:.68rem;font-weight:400;color:#ffffffbf;white-space:nowrap;margin-top:2px}.node.agent.active .role{display:none}.node.agent{position:relative;left:auto;top:auto;transform:scale(1);transform-origin:center;background:var(--dark);color:var(--white);max-width:none;min-width:110px;padding-top:14px;z-index:1}.node.agent.active{transform:scale(1.35);z-index:5}.agent-pool{position:absolute;transform:translate(-50%,-50%);border:2px solid var(--dark);border-radius:18px;background:#3333330f;padding:26px 22px 16px;z-index:1}.pool-label{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--dark);color:var(--white);font-size:.7rem;font-weight:700;padding:2px 12px;border-radius:999px;white-space:nowrap}.pool-grid{display:grid;grid-template-columns:repeat(2,auto);gap:26px 40px}.media-engine{margin-top:6px;border:2px solid #bdbdbd;background:var(--light);border-radius:16px;padding:10px 18px;opacity:.85;transform:scale(1);transform-origin:center;transition:transform .3s,border-color .3s,background .3s,opacity .3s,box-shadow .3s;position:relative}.media-engine .title{color:var(--grey);font-weight:600;font-size:clamp(.8rem,1.8vw,1.1rem);transition:color .3s}.anchor{position:absolute;left:50%;width:0;height:0}.agent-pool .anchor{bottom:0}.agent-pool #poolRightPort{left:auto;right:0;top:50%;bottom:auto}.llm-box #llmPort{left:-2px;top:50%}.node.ims .anchor{top:0}.node.agent.standby{opacity:.4;filter:grayscale(1);box-shadow:none}.node.active{border-color:var(--red);box-shadow:0 0 0 4px #e6000040,0 0 24px #e6000099;animation:pulse 1s infinite}.status{font-size:.75rem;color:#ffb3b3;min-height:1em;opacity:0;transition:opacity .3s}.status.show{opacity:1}.translated{font-size:.85rem;font-weight:700;color:var(--white);background:var(--red);border-radius:8px;margin-top:4px;padding:0 6px;max-height:0;opacity:0;overflow:hidden;transition:opacity .4s,max-height .4s,padding .4s}.translated.show{opacity:1;max-height:3em;padding:3px 6px}.bubble{position:absolute;transform:translate(-50%,-50%) scale(.8);background:var(--white);border:2px solid var(--red);border-radius:16px;padding:8px 12px;font-weight:600;font-size:clamp(.7rem,1.6vw,1rem);box-shadow:0 4px 12px #00000026;opacity:0;transition:opacity .5s,transform .5s;pointer-events:none;z-index:3;white-space:nowrap}.bubble:after{content:"";position:absolute;left:50%;bottom:-9px;width:14px;height:14px;background:var(--white);border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:translate(-50%) rotate(45deg)}.bubble.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.dot{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--red);transform:translate(-50%,-50%);box-shadow:0 0 0 4px #e600004d,0 0 14px var(--red);opacity:0;z-index:4;pointer-events:none;transition:opacity .25s}.dot.visible{opacity:1}.media-engine.active .title{color:var(--dark)}.media-engine.active{border-color:var(--red);background:var(--white);opacity:1;box-shadow:0 0 0 4px #e6000040,0 0 24px #e6000099;animation:pulse 1s infinite;transform:scale(1.35);z-index:5}@keyframes pulse{50%{box-shadow:0 0 0 8px #e6000026,0 0 32px #e60000cc}}.llm-box{position:absolute;transform:translate(-50%,-50%);border:2px solid var(--dark);border-radius:18px;background:#3333330f;padding:18px 10px 8px;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:24%;min-width:270px;transition:transform .21s,border-color .3s,background .3s,box-shadow .3s}.llm-box.active{transform:translate(-50%,-50%) scale(1.12);transform-origin:center;border-color:var(--red);background:#e600000d;z-index:5;box-shadow:0 0 0 4px #e6000040,0 0 24px #e6000099;animation:pulse 1s infinite}.llm-label{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--dark);color:var(--white);font-size:.7rem;font-weight:700;padding:2px 12px;border-radius:999px;white-space:nowrap}.llm-col{display:flex;flex-direction:column;gap:6px;min-width:0}.llm-col-title{font-size:.62rem;font-weight:700;color:#444;text-align:center;white-space:nowrap}.llm-provider{background:var(--white);border:2px solid #bdbdbd;border-radius:10px;padding:3px;min-width:0}.llm-provider .title{font-weight:700;font-size:clamp(.42rem,.66vw,.6rem);color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:clip;text-align:center}