/* V2.9.1 — TTI MOTO 3D Logo Upgrade */
.motoVisual{
  min-height:430px;
  isolation:isolate;
}
.motoLogoStage{
  position:relative;
  z-index:2;
  width:min(360px,78vw);
  aspect-ratio:1/1;
  display:grid;
  place-items:center;
}
.motoLogoStage:before{
  content:"";
  position:absolute;
  inset:8%;
  border-radius:34%;
  background:radial-gradient(circle,rgba(20,155,255,.24),rgba(19,74,255,.08) 48%,transparent 72%);
  filter:blur(22px);
  z-index:-1;
  pointer-events:none;
}
.motoLogo3D{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:25%;
  filter:drop-shadow(0 26px 46px rgba(0,0,0,.42))
         drop-shadow(0 0 30px rgba(21,146,255,.20));
  transform:translateZ(0);
}
.motoVisual .motoRing{
  width:350px;
  height:350px;
  opacity:.58;
}
.motoVisual .motoRing:before{inset:22px}
.motoVisual .motoRing:after{inset:55px}
.motoNode{
  z-index:4;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  background:linear-gradient(145deg,rgba(7,30,64,.92),rgba(3,15,34,.92));
  border-color:rgba(85,194,255,.22);
  box-shadow:0 12px 34px rgba(0,0,0,.30),0 0 20px rgba(16,120,255,.07);
}
@media(max-width:960px){
  .motoVisual{min-height:390px}
  .motoLogoStage{width:min(330px,74vw)}
  .motoVisual .motoRing{width:320px;height:320px}
}
@media(max-width:560px){
  .motoVisual{min-height:350px}
  .motoLogoStage{width:min(300px,80vw)}
  .motoVisual .motoRing{width:280px;height:280px}
  .n1{top:18px;left:5%}
  .n2{top:24%;right:0}
  .n3{bottom:18%;left:0}
  .n4{bottom:6%;right:7%}
}
@media(prefers-reduced-motion:reduce){
  .motoLogo3D{transform:none}
}