/* CHEETAHS // clear, seamless looping code animation behind the team logo */
.hero-right{isolation:isolate;}
.hero-right .hero-robot{
  position:relative;
  z-index:10!important; /* logo always in front of video */
}
.hero-right .hero-code-demo{
  position:absolute;
  z-index:1;
  left:calc(-8% - 76px - 3cm); /* ~2 cm left from previous position at 96 DPI */
  bottom:calc(5px + 113px + 4cm); /* another 4 cm up on desktop */
  width:clamp(280px,30vw,395px);
  aspect-ratio:8/5;
  border:1px solid rgba(255,169,72,.55);
  border-radius:14px;
  overflow:hidden;
  background:#0b0908;
  box-shadow:0 14px 32px rgba(0,0,0,.40),0 0 20px rgba(244,140,48,.13);
  transform:none!important; /* always straight, no tilt */
  transition:none;
  pointer-events:none;
}
.hero-right .hero-code-demo:hover{transform:none!important;}
.hero-code-video{
  display:block;width:100%;height:100%;object-fit:contain;
  background:#0b0908;filter:none!important;opacity:1!important;
}
.hero-code-stamp{
  position:absolute;z-index:2;bottom:8px;right:10px;
  border:1px solid #7a4927;border-radius:20px;background:#130c08e8;color:#ffc187;
  padding:6px 8px;display:flex;align-items:center;gap:6px;
  font:700 8px/1.1 Consolas,monospace;letter-spacing:.08em;
}
.hero-code-live{width:5px;height:5px;border-radius:50%;background:#ffae52;box-shadow:0 0 6px #ffae52;}
/* Keep video within the illustration area on tablets and phones. */
@media(max-width:1200px){
 .hero-right .hero-code-demo{left:calc(-2% - 45px);bottom:calc(103px + 4cm);width:min(69%,345px)}
}
@media(max-width:900px){
 .hero-right .hero-code-demo{left:3%;bottom:calc(50px + min(4cm, 18vw));width:min(60%,340px)}
}
@media(max-width:600px){
 .hero-right .hero-code-demo{left:0;bottom:calc(28px + min(4cm, 18vw));width:65%;border-radius:11px}
 .hero-code-stamp{font-size:7px;padding:4px 7px;bottom:5px;right:5px}
}
@media(prefers-reduced-motion:reduce){
 .hero-right .hero-code-demo{transition:none}
}

/* Mobile: no Python code panel. Desktop remains unchanged. */
@media (max-width:700px){.hero-right .hero-code-demo{display:none!important}}
