/* Original native DotConn adaptation of the supplied interactive feature bento. */
.dc-connect-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.dc-connect-card{box-sizing:border-box;min-width:0;padding:24px;border:1px solid #ffffff1c;border-radius:16px;background:#0e0e0e;overflow:hidden}
.dc-connect-core{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;gap:28px;padding:30px}
.dc-connect-card :is(h3,h4){font-family:Helvetica,Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.4;letter-spacing:normal;color:var(--ink);margin:0}
.dc-connect-card p{font-size:14px;font-weight:400;line-height:1.7;letter-spacing:normal;margin:0;color:var(--muted)}
.dc-connect-card .geo{width:24px;height:24px;flex:0 0 24px;stroke-width:1.5px;fill:none;stroke:currentColor;color:inherit}
.dc-connect-card-head>.geo{margin-bottom:18px;color:#c4c4c4}.dc-connect-card-head h3{margin-bottom:8px}.dc-connect-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dc-connect-choice{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:104px;box-sizing:border-box;padding:17px;border:1px solid #ffffff15;border-radius:12px;background:#171717;text-decoration:none;color:var(--ink);transition:background .18s ease,border-color .18s ease}
.dc-connect-choice[aria-selected="true"]{background:#292929;border-color:#ffffff50}.dc-connect-choice .geo{margin-bottom:11px}.dc-connect-choice>span{font-size:13px;font-weight:500;line-height:1.5}.dc-connect-choice>small{font-size:12px;line-height:1.6;color:var(--muted);margin-top:3px}
.dc-connect-choice[data-topic="cloud"] .geo{color:var(--cloud-solid)!important}.dc-connect-choice[data-topic="security"] .geo{color:var(--security-solid)!important}.dc-connect-choice[data-topic="ai"] .geo{color:var(--ai-solid)!important}.dc-connect-choice[data-topic="operations"] .geo{color:var(--operations-solid)!important}.dc-connect-choice[data-topic="teams"] .geo{color:var(--teams-solid)!important}
.dc-connect-selected{margin-top:auto;padding:22px;border:1px solid #ffffff17;border-radius:12px;background:#181818;min-height:172px;box-sizing:border-box}.dc-connect-panel h4{margin-bottom:10px}.dc-connect-panel p{margin-bottom:20px}.dc-connect-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:13px;font-weight:400;line-height:1.5;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffffff4d}
.dc-connect-mini-head{display:flex;gap:12px;align-items:center;margin-bottom:20px}.dc-connect-mini-head .geo{color:#c4c4c4}.dc-connect-mini-head h3{font-size:15px}.dc-connect-mini-head>p{color:var(--muted);font-size:13px;line-height:1.5}
.dc-connect-agreements{display:grid;gap:7px}.dc-connect-agreement-choice{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 11px;background:#171717;border:1px solid #ffffff0f;border-radius:8px;text-align:left;color:var(--muted);font-size:13px;line-height:1.5}.dc-connect-agreement-choice .geo{width:24px;height:24px;flex-basis:24px;stroke-width:1.5}.dc-connect-agreement-choice[aria-pressed="true"]{background:#292929;border-color:#ffffff40;color:var(--ink)}
.dc-connect-agreement-detail{margin-top:18px;min-height:113px}.dc-connect-agreement-detail h4{font-size:14px;margin-bottom:5px}.dc-connect-agreement-detail p{font-size:13px;line-height:1.6}
.dc-connect-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dc-connect-tool{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;box-sizing:border-box;padding:15px 4px;min-height:66px;background:#171717;border:1px solid #ffffff10;border-radius:9px;color:var(--muted);font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:1.4;letter-spacing:normal;text-align:center}.dc-connect-tool[aria-pressed="true"]{border-color:#ffffff4d;background:#242424;color:var(--ink)}
.dc-connect-tool-mark{display:grid;place-items:center;width:32px;height:32px}.dc-connect-tool-mark svg{display:block;width:30px;height:30px;max-width:100%;max-height:100%}.dc-connect-tool-mark.is-light{background:#eff3f8;border-radius:6px}.dc-connect-tool-mark.is-light svg{width:24px;height:24px}
.dc-connect-tool-detail{margin-top:18px;min-height:58px}.dc-connect-tool-detail p{display:grid;gap:3px;font-size:12px;line-height:1.6}.dc-connect-tool-detail strong{font-weight:500;color:var(--ink)}
.dc-connect-receive{grid-column:span 2}.dc-connect-receive h3{font-size:18px;margin-bottom:18px}.dc-connect-deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;list-style:none;padding:0;margin:0}.dc-connect-deliverables li{display:flex;align-items:flex-start;gap:10px;min-width:0}.dc-connect-deliverables .geo{width:24px;height:24px;flex-basis:24px;color:#b9c1cd}.dc-connect-deliverables strong{display:block;font-size:13px;font-weight:500;line-height:1.5;color:var(--ink);margin-bottom:5px}.dc-connect-deliverables span{display:block;font-size:12px;line-height:1.6;color:var(--muted)}
[data-connected-bento] [hidden]{display:none!important}
.dc-connect-choice:focus-visible,.dc-connect-agreement-choice:focus-visible,.dc-connect-tool:focus-visible,.dc-connect-link:focus-visible{outline:2px solid #bfc8d6;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.dc-connect-choice:hover{background:#252525;border-color:#ffffff40}.dc-connect-agreement-choice:hover,.dc-connect-tool:hover{border-color:#ffffff40}.dc-connect-tool-mark{transition:transform .16s ease-out}.dc-connect-tool:hover .dc-connect-tool-mark{transform:translateY(-2px)}}
@media(max-width:1100px){.dc-connect-card{padding:22px}.dc-connect-core{padding:26px}.dc-connect-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-connect-core{grid-column:1;grid-row:span 2}.dc-connect-agreement,.dc-connect-stack{grid-column:2}.dc-connect-receive{grid-column:1/-1}.dc-connect-selected{padding:19px}.dc-connect-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dc-connect-agreement-detail{min-height:0}}
@media(max-width:700px){.dc-connect-bento{grid-template-columns:minmax(0,1fr);gap:16px}.dc-connect-core,.dc-connect-agreement,.dc-connect-stack,.dc-connect-receive{grid-column:1;grid-row:auto}.dc-connect-core{padding:24px;gap:24px}.dc-connect-card{padding:24px}.dc-connect-choices{gap:10px}.dc-connect-choice{padding:15px;min-height:108px}.dc-connect-selected{margin-top:0;min-height:0;padding:19px}.dc-connect-agreements{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dc-connect-agreement-detail{min-height:89px}.dc-connect-tool-detail{min-height:0}.dc-connect-deliverables{grid-template-columns:1fr;gap:20px}}
@media(max-width:370px){.dc-connect-card,.dc-connect-core{padding:20px}.dc-connect-choice{padding:12px}.dc-connect-choices{gap:8px}.dc-connect-agreements{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.dc-connect-choice,.dc-connect-tool-mark{transition:none!important}.dc-connect-tool:hover .dc-connect-tool-mark{transform:none!important}}