.connection-page{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:54px 0 30px}.connection-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(32px,6vw,80px)}.connection-hero h1{max-width:760px;margin:20px 0 18px;font:500 clamp(55px,9vw,94px)/.88 var(--serif);letter-spacing:-.07em;text-wrap:balance}.connection-hero h1 em{color:var(--violet);font-weight:500}.connection-hero .lede{font-size:17px}
.connection-hero-art{position:relative;height:360px;overflow:hidden;border:2px solid var(--ink);border-radius:50%;background:radial-gradient(circle at center,var(--paper-2) 0 17%,var(--violet-soft) 18% 42%,var(--aqua-soft) 43% 68%,var(--lime-soft) 69%);box-shadow:var(--shadow)}.hero-node{position:absolute;z-index:2;width:54px;height:54px;border:3px solid var(--ink);border-radius:50%;box-shadow:3px 4px 0 var(--ink)}.hero-person{top:41%;left:10%;background:var(--lime)}.hero-software{top:15%;right:17%;border-radius:14px;background:var(--violet)}.hero-unspecified{right:13%;bottom:12%;background:var(--paper)}.connection-hero-art span{position:absolute;z-index:1;top:50%;left:50%;width:58%;height:2px;transform-origin:left;background:var(--ink)}.connection-hero-art span:nth-of-type(1){transform:rotate(166deg)}.connection-hero-art span:nth-of-type(2){transform:rotate(-48deg)}.connection-hero-art span:nth-of-type(3){transform:rotate(39deg)}.connection-hero-art span:after{position:absolute;top:-4px;left:0;width:10px;height:10px;border:1.5px solid var(--ink);border-radius:50%;background:var(--coral);content:"";animation:atlas-flow 4.5s ease-in-out infinite}.connection-hero-art span:nth-of-type(2):after{animation-delay:-1.5s}.connection-hero-art span:nth-of-type(3):after{animation-delay:-3s}@keyframes atlas-flow{0%,12%{opacity:0;transform:translateX(0)}22%,72%{opacity:1}88%,100%{opacity:0;transform:translateX(190px)}}
.atlas-shell{margin-top:58px;overflow:hidden;border:2px solid var(--ink);border-radius:22px;background:var(--white);box-shadow:var(--shadow)}.atlas-head{display:grid;grid-template-columns:1fr minmax(220px,.55fr);align-items:end;gap:24px;padding:clamp(20px,4vw,34px);border-bottom:2px solid var(--ink);background:var(--aqua-soft)}.atlas-head h2,.connection-method h2{margin:7px 0 0;font:500 clamp(38px,6vw,60px)/.93 var(--serif);letter-spacing:-.055em}.atlas-status{margin:0;color:var(--muted);font-size:12px;text-align:right}.atlas-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:18px;border-bottom:1.5px solid var(--ink);background:var(--paper-2)}.atlas-summary article{padding:13px;border:1.5px solid var(--ink);border-radius:12px;background:var(--white)}.atlas-summary strong{display:block;font:500 31px/1 var(--serif)}.atlas-summary span{display:block;margin-top:6px;font-size:9px;font-weight:850;text-transform:uppercase}
.atlas-stage{position:relative;min-height:390px;padding:26px;background:linear-gradient(145deg,var(--paper-2),var(--violet-soft))}.atlas-empty{display:grid;min-height:330px;place-content:center;text-align:center}.atlas-empty strong{font:500 31px var(--serif)}.atlas-empty p{max-width:430px;margin:8px auto 0;color:var(--muted);font-size:12px}.atlas-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.atlas-node{display:grid;min-height:118px;padding:16px;place-content:center;border:2px solid var(--ink);border-radius:50%;background:var(--paper);text-align:center;box-shadow:4px 5px 0 var(--ink)}.atlas-node[data-actor=person]{background:var(--lime)}.atlas-node[data-actor=software]{border-radius:22px;background:var(--violet-soft)}.atlas-node strong{font:500 25px var(--serif)}.atlas-node small{font-size:8px;font-weight:850;text-transform:uppercase}
.atlas-edges{display:grid;gap:9px;margin-top:24px}.atlas-edge{display:grid;grid-template-columns:minmax(90px,.6fr) minmax(120px,1fr) minmax(90px,.6fr) auto;align-items:center;gap:10px;padding:12px;border:1.5px solid var(--ink);border-radius:13px;background:var(--white)}.atlas-edge-route{display:flex;align-items:center;gap:7px}.atlas-edge-route i{display:block;flex:1;height:6px;border:1px solid var(--ink);border-radius:99px;background:var(--edge-color,var(--coral))}.atlas-edge-route span{font-size:15px}.atlas-edge strong{font-size:11px}.atlas-edge>span{font-size:9px}.atlas-edge-count{text-align:right}.atlas-edge-count b{display:block;font:500 26px/1 var(--serif)}.atlas-edge-count small{font-size:8px}.atlas-table-wrap{padding:0 18px 18px;overflow-x:auto}.atlas-table{width:100%;border-collapse:collapse;font-size:10px}.atlas-table caption{padding:16px 0 8px;text-align:left;font-weight:850}.atlas-table th,.atlas-table td{padding:9px;border:1px solid var(--ink);text-align:left}.atlas-table th{background:var(--paper)}.atlas-disclosure{margin:0;padding:14px 20px;border-top:2px solid var(--ink);background:var(--ink);color:var(--white);font-size:10px}
.connection-method{margin-top:58px}.connection-method>header{max-width:780px}.connection-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.connection-method-grid article{padding:18px;border:2px solid var(--ink);border-radius:16px;background:var(--paper-2)}.connection-method-grid article:nth-child(2n){background:var(--aqua-soft)}.connection-method-grid span{display:grid;width:31px;height:31px;place-items:center;border:1.5px solid var(--ink);border-radius:50%;background:var(--lime);font-size:9px;font-weight:900}.connection-method-grid h3{margin:16px 0 6px;font-size:14px}.connection-method-grid p{margin:0;color:var(--muted);font-size:11px}.connection-limits{margin-top:12px;padding:22px;border:2px solid var(--ink);border-radius:16px;background:var(--coral-soft);box-shadow:3px 4px 0 var(--ink)}.connection-limits>strong{font:500 28px var(--serif)}.connection-limits p{max-width:800px;margin:8px 0 0;color:var(--muted);font-size:12px}.connection-limits nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:15px}.connection-limits a{font-size:10px;font-weight:850;text-underline-offset:3px}
@media(max-width:900px){.connection-hero{grid-template-columns:1fr}.connection-hero-art{height:260px}.connection-method-grid{grid-template-columns:1fr 1fr}.atlas-head{grid-template-columns:1fr}.atlas-status{text-align:left}}@media(max-width:560px){.connection-page{padding-top:32px}.connection-hero h1{font-size:57px}.connection-hero-art{height:220px}.atlas-shell,.connection-method{margin-top:38px}.atlas-stage{min-height:310px;padding:14px}.atlas-nodes{gap:7px}.atlas-node{min-height:88px;padding:8px}.atlas-node strong{font-size:18px}.atlas-edge{grid-template-columns:1fr}.atlas-edge>strong{grid-column:1}.atlas-edge-route{grid-column:1}.atlas-edge-count{grid-column:1;grid-row:auto;text-align:left}.connection-method-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.connection-hero-art span:after{animation:none}}@media(forced-colors:active){.connection-hero-art,.hero-node,.atlas-shell,.atlas-head,.atlas-summary article,.atlas-node,.atlas-edge,.atlas-edge-route i,.connection-method-grid article,.connection-limits{border-color:CanvasText;background:Canvas;color:CanvasText}.atlas-disclosure{background:Canvas;color:CanvasText}}