/* Shared visual explanations for both product introductions. */
.product-infographics{--info-accent:#8bd7ff;--info-gold:#e8c67e;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:32px 0 0;padding:0;list-style:none}
.mylink-flow.product-infographics{--info-accent:#77e7da;--info-gold:#badb8e}
.product-infographics>li{display:flex;flex-direction:column;min-width:0;padding:0 21px;border-left:1px solid #294250}
.product-infographics>li:first-child{padding-left:0;border-left:0}.product-infographics>li:last-child{padding-right:0}
.product-infographics .info-step{font:9px/1.7 var(--mono);color:var(--info-accent);letter-spacing:.8px}
.product-infographics .info-diagram{position:relative;display:flex;align-items:center;justify-content:center;height:156px;margin:14px 0 12px;background:radial-gradient(ellipse at 50% 55%,#244a5b35,transparent 70%)}
.info-diagram>svg{width:100%;height:100%;overflow:visible}
.info-diagram svg :is(path,rect,circle,ellipse){stroke-linejoin:round;stroke-linecap:round}
.info-solid{fill:#0b1a28;stroke:var(--info-accent);stroke-width:1.4}.info-wire{stroke:#86a9bd;stroke-width:1.3}.info-accent{stroke:var(--info-accent);stroke-width:2}.info-arrow{stroke:var(--info-accent);stroke-width:1.5}.info-dot{fill:var(--info-accent)}.info-fill{fill:#23515f;stroke:var(--info-accent);stroke-width:1}.info-gold{stroke:var(--info-gold);stroke-width:2}.info-gridline{stroke:#55768a;stroke-width:.7;stroke-dasharray:3 5;opacity:.6}.info-route{stroke:var(--info-gold);stroke-width:1.5;stroke-dasharray:5 5}
.info-diagram text{fill:#a8c5d6;stroke:none;text-anchor:middle;font:10px 'DM Sans',sans-serif;letter-spacing:.65px}.info-diagram .info-large{font:500 21px 'Space Grotesk',sans-serif;fill:var(--info-accent)}
.product-infographics h3{font:500 17px/1.35 'Space Grotesk',sans-serif;letter-spacing:-.03em;color:#e3edf5;margin:0 0 8px}
.product-infographics p{font:12px/1.7 'DM Sans',sans-serif;color:#9db3c3;max-width:none;margin:0 0 15px}
.info-tags{display:flex;flex-wrap:wrap;gap:5px 7px;margin-top:auto}
.info-tags>span{color:#a8c6d6;border-bottom:1px solid #3c596b;padding:3px 0;font:9px/1.4 var(--mono)}
.info-blueprint-link{display:block;position:relative;width:100%;height:100%;color:var(--info-accent)}
.info-blueprint-link img{width:100%;height:100%;object-fit:contain;display:block;padding-bottom:16px}
.info-blueprint-link>span{position:absolute;bottom:0;left:0;right:0;text-align:center;font:8px/1.5 var(--mono);letter-spacing:.8px;color:#a7d4f1}
.info-blueprint-link:focus-visible{outline:2px solid var(--info-accent);outline-offset:4px}
.mylink-step-active .info-step{color:#d2fff8}
@media(max-width:1100px){.product-infographics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}.product-infographics>li:nth-child(3){padding-left:0;border-left:0}.product-infographics>li:nth-child(2){padding-right:0}.product-infographics .info-diagram{max-width:320px;width:100%;align-self:center}}
@media(max-width:560px){.product-infographics{grid-template-columns:1fr;row-gap:22px}.product-infographics>li,.product-infographics>li:nth-child(2),.product-infographics>li:nth-child(3),.product-infographics>li:last-child{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:15px;padding:18px 0 0;border-left:0;border-top:1px solid #294250}.product-infographics>li:first-child{padding-top:0;border-top:0}.product-infographics .info-step{grid-column:1/-1;font-size:9px}.product-infographics .info-diagram{grid-column:1;grid-row:2/4;height:116px;margin:8px 0}.product-infographics h3{grid-column:2;font-size:16px;margin:13px 0 7px}.product-infographics p{grid-column:2;font-size:11px;line-height:1.6;margin:0 0 8px}.product-infographics .info-tags{grid-column:1/-1;justify-content:flex-end;margin-top:4px}.info-blueprint-link>span{font-size:8px;letter-spacing:0}}