.lc-avaya-resilience{padding:76px 0 70px;background:linear-gradient(140deg,#f5fbfe,#eaf4fa 55%,#f0eefb);color:#09283a}
.lc-avaya-resilience-intro{display:grid;grid-template-columns:1.1fr .75fr;gap:54px;align-items:end;margin-bottom:28px}
.lc-avaya-resilience-intro h2{margin:10px 0 0;color:#09283a;font-size:clamp(34px,4vw,55px);line-height:1.08;letter-spacing:-.04em}
.lc-avaya-resilience-intro>p{max-width:420px;margin:0 0 4px;color:#456477;line-height:1.65}
.lc-avaya-demo{overflow:hidden;border:1px solid #4dc2ec55;border-radius:22px;background:radial-gradient(circle at 70% 20%,#135c784d,transparent 45%),linear-gradient(135deg,#062337,#0a334a);box-shadow:0 25px 55px #173b5526;color:#e8f8ff}
.lc-avaya-demo-top,.lc-avaya-demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 28px}
.lc-avaya-demo-top{border-bottom:1px solid #84d9ff30;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.lc-avaya-demo-top span{display:flex;align-items:center;gap:9px;color:#b9e7fb}
.lc-avaya-demo-top i{width:7px;height:7px;border-radius:50%;background:#42dec4;box-shadow:0 0 12px #42dec4}
.lc-avaya-demo-top strong{color:#47e1c4}
.lc-avaya-map{display:block;width:100%;height:auto;min-height:300px;padding:4px 22px;background-image:linear-gradient(#55b5da13 1px,transparent 1px),linear-gradient(90deg,#55b5da13 1px,transparent 1px);background-size:38px 38px;overflow:visible}
.lc-avaya-map-wrap{overflow-x:auto;scrollbar-color:#4abbd7 #113d52}
.lc-avaya-map-wrap:focus-visible{outline:3px solid #59d8ed;outline-offset:-3px}
.lc-avaya-scroll-hint{display:none}
.lc-avaya-route{stroke:#65b8d1;stroke-width:3;stroke-dasharray:8 9;opacity:.35;transition:opacity .35s,stroke .35s,stroke-width .35s}
.lc-avaya-sync-route{stroke:#8dacf3;stroke-width:2.5;stroke-dasharray:4 7;opacity:.65}
.lc-avaya-flow{stroke:url(#lc-avaya-active);stroke-width:4;stroke-dasharray:8 18;animation:lc-avaya-flow 1.1s linear infinite;opacity:0;filter:drop-shadow(0 0 4px #39caff);transition:opacity .35s}
.lc-avaya-demo[data-state=primary] .lc-avaya-primary-route,.lc-avaya-demo[data-state=secondary] .lc-avaya-secondary-route{stroke:#3bd9e2;stroke-width:4;stroke-dasharray:none;opacity:.85}
.lc-avaya-demo[data-state=primary] .lc-avaya-primary-flow,.lc-avaya-demo[data-state=secondary] .lc-avaya-secondary-flow{opacity:1}
@keyframes lc-avaya-flow{to{stroke-dashoffset:-26}}
.lc-avaya-node rect{fill:#0b354d;stroke:#5bc7f1;stroke-width:2;transition:fill .35s,stroke .35s,opacity .35s}
.lc-avaya-node text{fill:#f2fbff;font-size:13px;font-weight:800;letter-spacing:.035em}
.lc-avaya-node .lc-avaya-node-sub{fill:#9bd1e5;font-size:10px;font-weight:600;letter-spacing:0}
.lc-avaya-node circle{fill:#56d9ee;transition:fill .35s}
.lc-avaya-demo[data-state=primary] .lc-avaya-primary-node rect,.lc-avaya-demo[data-state=secondary] .lc-avaya-secondary-node rect{fill:#125278;stroke:#3fe2d3;filter:drop-shadow(0 0 9px #36d9e277)}
.lc-avaya-demo[data-state=secondary] .lc-avaya-primary-node rect{fill:#17313e;stroke:#eea45c;opacity:.8}
.lc-avaya-demo[data-state=secondary] .lc-avaya-primary-node circle{fill:#eea45c}
.lc-avaya-sync-label{fill:#9fbcd2;font-size:10px;font-weight:700}
.lc-avaya-demo-bottom{border-top:1px solid #84d9ff30}
.lc-avaya-legend{display:flex;flex-wrap:wrap;gap:18px;color:#b5d9e8;font-size:11px}
.lc-avaya-legend span{display:flex;align-items:center;gap:7px}
.lc-avaya-legend i{display:inline-block;width:17px;height:0;border-top:3px solid #43d8e5}
.lc-avaya-legend .lc-avaya-legend-standby{border-top:2px dashed #83a8be}
.lc-avaya-toggle{min-width:205px;padding:11px 15px;border:1px solid #53d8ea;border-radius:8px;background:#d9f7ff;color:#07314c;font-size:12px;font-weight:800;cursor:pointer;transition:background .2s,transform .2s}
.lc-avaya-toggle:hover{background:#fff;transform:translateY(-2px)}
.lc-avaya-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
.lc-avaya-demo[data-state=secondary] .lc-avaya-toggle{border-color:#f2b35c;background:#f5b657;color:#172837}
.lc-avaya-status{min-height:47px;margin:0;padding:0 28px 18px;color:#c8e8f3;font-size:12px;line-height:1.5}
.lc-avaya-disclaimer{margin:17px 0 0;color:#526f80;font-size:12px;line-height:1.6}
.lc-avaya-disclaimer a{color:#076da9;text-decoration:underline;text-underline-offset:2px}
@media(max-width:750px){.lc-avaya-resilience{padding:55px 0}.lc-avaya-resilience-intro{grid-template-columns:1fr;gap:13px}.lc-avaya-map{min-height:0;padding:0}.lc-avaya-demo-top,.lc-avaya-demo-bottom{padding:15px 17px}.lc-avaya-demo-top{align-items:flex-start;flex-direction:column;gap:7px}.lc-avaya-demo-bottom{align-items:flex-start;flex-direction:column}.lc-avaya-status{padding:0 17px 17px}}
@media(max-width:520px){.lc-avaya-resilience-intro h2{font-size:36px}.lc-avaya-scroll-hint{display:block;margin:12px 17px 0;color:#b7deeb;font-size:11px}.lc-avaya-map{width:660px;max-width:none;min-height:0;padding:0}.lc-avaya-toggle{width:100%}}
@media(prefers-reduced-motion:reduce){.lc-avaya-flow{animation:none;stroke-dasharray:none}.lc-avaya-toggle,.lc-avaya-route,.lc-avaya-node rect,.lc-avaya-node circle{transition:none}.lc-avaya-toggle:hover{transform:none}}

/* Detailed Server Edition topology */
.lc-avaya-map{min-height:0;padding:8px 12px}
.lc-avaya-infrastructure{stroke:#6da9c0;stroke-width:2.5;stroke-dasharray:7 9;opacity:.43}
.lc-avaya-route{opacity:.28}
.lc-avaya-demo[data-state=primary] .lc-avaya-primary-route,.lc-avaya-demo[data-state=secondary] .lc-avaya-secondary-route,.lc-avaya-route.lc-avaya-always-route{stroke:#3bd9e2;stroke-width:3.5;stroke-dasharray:none;opacity:.76}
.lc-avaya-route.lc-avaya-always-route{stroke:#64b9dd;opacity:.58}
.lc-avaya-flow.lc-avaya-always-flow{opacity:.85}
.lc-avaya-service-flow{stroke:#ae9dfb;stroke-width:3.5;stroke-dasharray:7 12;animation:lc-avaya-flow 1.5s linear infinite;opacity:.65;transition:opacity .3s}
.lc-avaya-demo[data-state=secondary] .lc-avaya-service-flow{opacity:1;stroke:#c1a9ff;filter:drop-shadow(0 0 4px #a991fa)}
.lc-avaya-service-reverse{animation-direction:reverse}
.lc-avaya-endpoint ellipse{fill:#0d354a;stroke:#74c9df;stroke-width:2;stroke-dasharray:6 6}
.lc-avaya-endpoint use,.lc-avaya-bottom-phone use{fill:#154760;stroke:#8adfff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.lc-avaya-endpoint text,.lc-avaya-bottom-phone text{fill:#d9f4ff;font-size:13px;font-weight:800;letter-spacing:.03em}
.lc-avaya-server>text:first-child,.lc-avaya-expansion>text:first-child{fill:#d8f3ff;font-size:16px;font-weight:800;letter-spacing:.06em}
.lc-avaya-server rect,.lc-avaya-expansion rect{fill:#11384e;stroke:#61c5e8;stroke-width:2.5;transition:fill .35s,stroke .35s}
.lc-avaya-server use,.lc-avaya-expansion use{fill:#24516a;stroke:#9fe2fa;stroke-width:2;stroke-linecap:round}
.lc-avaya-server circle{fill:#49dabc}
.lc-avaya-server .lc-avaya-server-status{fill:#dcf7ff;font-size:12px;font-weight:700}
.lc-avaya-demo[data-state=primary] .lc-avaya-primary-node rect,.lc-avaya-demo[data-state=secondary] .lc-avaya-secondary-node rect{fill:#145575;stroke:#43e1d1;filter:drop-shadow(0 0 8px #47dce46b)}
.lc-avaya-demo[data-state=secondary] .lc-avaya-primary-node rect{fill:#203541;stroke:#efa768;filter:none}
.lc-avaya-demo[data-state=secondary] .lc-avaya-primary-node circle{fill:#efa768}
.lc-avaya-expansion>text:not(:first-child){fill:#f1fbff;font-size:15px;font-weight:800}
.lc-avaya-expansion .lc-avaya-node-sub{fill:#a9d5e8!important;font-size:11px!important;font-weight:600!important}
.lc-avaya-services rect{fill:#263d62;stroke:#b39cfa;stroke-width:1.5}
.lc-avaya-services text{fill:#eeeaff;font-size:12px;font-weight:800;letter-spacing:.06em}
.lc-avaya-network circle{fill:#0f4660;stroke:#67d5f7;stroke-width:2.5}
.lc-avaya-network path{fill:none;stroke:#b5edff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.lc-avaya-network text,.lc-avaya-pstn text{fill:#bbe6f7;font-size:12px;font-weight:800;letter-spacing:.04em}
.lc-avaya-pstn circle{fill:#0f4660;stroke:#77cce7;stroke-width:2.5}
.lc-avaya-pstn path{fill:none;stroke:#dcf8ff;stroke-width:2.5;stroke-linejoin:round}
.lc-avaya-local-note{fill:#a9cad8;font-size:10px;font-weight:600}
.lc-avaya-legend .lc-avaya-legend-service{border-top-color:#b39cfa}
@media(max-width:750px){.lc-avaya-map{width:950px;max-width:none;min-height:0;padding:0}.lc-avaya-scroll-hint{display:block;margin:12px 17px 0;color:#b7deeb;font-size:11px}}
@media(max-width:520px){.lc-avaya-map{width:850px}}
@media(prefers-reduced-motion:reduce){.lc-avaya-service-flow{animation:none;stroke-dasharray:none}.lc-avaya-server rect,.lc-avaya-expansion rect{transition:none}}

/* Compact presentation: half the former diagram width, with an optional full-size view. */
.lc-avaya-resilience-intro{width:50%;margin:0 auto 12px;grid-template-columns:1fr;gap:8px}
.lc-avaya-resilience-intro h2{font-size:clamp(32px,3.4vw,44px)}
.lc-avaya-resilience-intro>p{max-width:none;font-size:14px}
.lc-avaya-size-bar{width:50%;margin:0 auto 12px;text-align:right}
.lc-avaya-size-bar button{border:0;background:transparent;color:#086fa8;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lc-avaya-size-bar button:focus-visible{outline:3px solid #087fbf;outline-offset:3px}
.lc-avaya-demo{width:50%;margin-inline:auto;transition:width .3s ease}
.lc-avaya-demo.is-expanded{width:100%}
.lc-avaya-demo-top,.lc-avaya-demo-bottom{gap:10px;padding:12px 16px}
.lc-avaya-demo-top{font-size:9px;flex-wrap:wrap}
.lc-avaya-demo-bottom{flex-wrap:wrap}
.lc-avaya-status{padding:0 16px 16px}
.lc-avaya-disclaimer{max-width:600px;margin:17px auto 0}
@media(max-width:800px){.lc-avaya-resilience-intro,.lc-avaya-size-bar,.lc-avaya-demo{width:100%}.lc-avaya-size-bar{display:none}.lc-avaya-demo-top,.lc-avaya-demo-bottom{padding:15px 17px}}
@media(prefers-reduced-motion:reduce){.lc-avaya-demo{transition:none}}

/* Keep the story and illustration together in one section. */
.lc-avaya-feature-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,4vw,56px)}
.lc-avaya-feature-copy{display:flex;flex-direction:column;justify-content:center;gap:26px}
.lc-avaya-feature-grid .lc-avaya-resilience-intro{width:100%;margin:0;display:block}
.lc-avaya-feature-grid .lc-avaya-resilience-intro h2{font-size:clamp(38px,4vw,54px);line-height:1.05;margin:18px 0}
.lc-avaya-feature-grid .lc-avaya-resilience-intro>p{font-size:16px;line-height:1.7}
.lc-avaya-feature-grid .lc-avaya-disclaimer{max-width:none;margin:0;padding-top:18px;border-top:1px solid #a7c9d966}
.lc-avaya-feature-visual{width:75%;min-width:0;justify-self:end}
.lc-avaya-feature-grid .lc-avaya-size-bar{width:100%;margin:0 0 10px}
.lc-avaya-feature-grid .lc-avaya-demo{width:100%;margin:0}
.lc-avaya-feature-grid.is-expanded{grid-template-columns:1fr}
.lc-avaya-feature-grid.is-expanded .lc-avaya-feature-visual{width:100%}
.lc-avaya-feature-grid.is-expanded .lc-avaya-feature-copy{max-width:720px}
@media(max-width:850px){.lc-avaya-feature-grid,.lc-avaya-feature-grid.is-expanded{grid-template-columns:1fr;gap:24px}.lc-avaya-feature-copy{gap:18px}.lc-avaya-feature-grid .lc-avaya-feature-visual{width:100%}.lc-avaya-feature-grid .lc-avaya-resilience-intro h2{font-size:clamp(36px,7vw,48px)}.lc-avaya-feature-grid .lc-avaya-disclaimer{order:2}.lc-avaya-feature-grid .lc-avaya-size-bar{display:none}}

