.dl-page{padding:36px 0 72px}
.dl-intro{text-align:center;max-width:640px;margin:0 auto 28px}
.dl-intro h1{font-size:clamp(26px,3.6vw,42px);margin:8px 0 12px}
.dl-intro p{color:var(--muted)}
.orbit-stage{position:relative;max-width:640px;height:420px;margin:0 auto 40px}
.orbit-stage .ring{position:absolute;border:1px dashed #9eb0c3;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.orbit-stage .r-a{width:100%;height:100%;max-width:400px;max-height:400px}
.orbit-stage .r-b{width:70%;height:70%;max-width:280px;max-height:280px}
.orbit-stage .r-c{width:38%;height:38%;max-width:150px;max-height:150px;background:var(--orbit);border:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:900;text-align:center;padding:12px}
.orbit-stage .stop{position:absolute;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800}
.orbit-stage .k1{top:0;left:50%;transform:translateX(-50%)}
.orbit-stage .k2{top:28%;right:0}
.orbit-stage .k3{bottom:8%;right:12%}
.orbit-stage .k4{bottom:8%;left:12%}
.orbit-stage .k5{top:28%;left:0}
.ports{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:860px;margin:0 auto}
.port-card{aspect-ratio:1;border-radius:50%;background:#fff;border:2px solid var(--orbit);padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;scroll-margin-top:86px}
.port-card.span{grid-column:1 / -1;max-width:320px;justify-self:center}
.port-card h2{font-size:20px;margin-bottom:8px}
.port-card p{font-size:13px;color:var(--muted);margin-bottom:12px}
.port-card img{width:42%;border-radius:50%;aspect-ratio:1;object-fit:cover;margin:8px auto}
@media(max-width:720px){.orbit-stage{height:300px}.ports{grid-template-columns:1fr}.port-card.span{max-width:none}}