/* Give the globe its own space; portal links follow in normal document flow. */
.visual .family-orbit{top:-25px;left:0;color:#071b3a;text-decoration:none;font-size:14px;border:1px solid #90ceff;transform:perspective(700px) rotateY(7deg);box-shadow:0 6px 0 #bdd7f2,0 20px 38px #12579b30,inset 0 1px 0 #fff}
.visual .family-orbit img{object-fit:contain;border-radius:14px;background:white}
.visual .family-orbit:hover,.visual .family-orbit:focus-visible{transform:translateY(-4px)}
@media(max-width:600px){
 .hero .visual{display:flex;flex-direction:column;gap:14px;min-height:0;padding-top:365px;padding-bottom:16px;width:100%;perspective:none}
 .hero .visual .core{top:170px;left:50%;width:clamp(160px,48vw,210px);height:clamp(160px,48vw,210px)}
 .hero .visual .orbit{top:170px;width:100%;height:290px;pointer-events:none}
 .hero .visual .float{position:relative;inset:auto;transform:none;width:100%;min-height:78px;box-sizing:border-box;padding:14px 18px;gap:16px;color:#071b3a;text-decoration:none;border:1px solid #b9dcff;box-shadow:0 5px 0 #bfd8f2,0 12px 22px #103d7c20;font-size:14px}
 .hero .visual .float:hover,.hero .visual .float:focus-visible{transform:translateY(-2px)}
 .hero .visual .float img,.hero .visual .float .casa-art{width:56px;height:56px;flex:0 0 56px;margin:0;object-fit:contain}
 .hero .visual .float small{font-size:11px;line-height:1.4}
 .hero .visual .float .light{width:10px;height:10px;flex:0 0 10px}
 .hero .visual .server-label{min-width:165px;bottom:-48px}
}
@media(max-width:600px) and (prefers-reduced-motion:reduce){.hero .visual .core,.hero .visual .globe-art,.hero .visual .plane{animation:none}}